Bonds Defiled

Your browser lacks required capabilities. Please upgrade it or switch to another to continue.

Loading…

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "evening">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The delicious aroma of <<print $marielToHuman>>'s cooking filled the house as they entered. She was already in the kitchen, somehow having anticipated their return.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Welcome home, dears!"</span> she called out cheerfully, her warm smile brightening as she saw their excited faces. <span class="dialog-mariel">"I had a feeling you'd succeed, so I prepared a little celebration dinner."</span> <div style="clear: left;"></div> </div> <<set $mariel_RylanAffection += 2>><<trackAffection "Mariel" "Rylan" 2>><<set $rylan_MarielAffection += 2>><<trackAffection "Rylan" "Mariel" 2>><<set $rylan_Confidence += 2>><<trackOther "Rylan" "confidence" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As they gathered around the table, the conversation naturally turned to their experience at the guild.</p> <span class="dialog-liora">"Elena mentioned something interesting about a resonance system..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh?"</span> <<print $marielToHuman>> paused, a thoughtful expression crossing her face. <span class="dialog-mariel">"That sounds interesting... I think I get what Elena meant. Something like that happened during our travels with <<print $thalorToHuman>> too. I was able to sync my holy power with his body, to strengthen him."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She set down her spoon, eyes twinkling.</p> <span class="dialog-mariel">"Maybe I should join your party too, hihi? But you most likely don't want an old lady in your group."</span> She waved off her own suggestion with a laugh, but then brightened. <span class="dialog-mariel">"Wait, I have an idea! We have so many empty bedrooms - the house was previously an inn but nowadays it's just used as a house. Why don't you move in here properly, Liora? And Serin too, of course!"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $marielToHuman>> gestured around the spacious home.</p> <span class="dialog-mariel">"We have a bath too. I'm always worried about you both, especially with Liora spending so much time here anyway..."</span> <div style="clear: left;"></div> </div> <<set $serin_MarielAffection += 3>><<trackAffection "Serin" "Mariel" 3>><<set $liora_MarielAffection += 3>><<trackAffection "Liora" "Mariel" 3>><<set $mariel_SerinAffection += 2>><<trackAffection "Mariel" "Serin" 2>><<set $mariel_LioraAffection += 2>><<trackAffection "Mariel" "Liora" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"That would be wonderful! We could spend so much more time together..."</span> She took his hand, her happiness evident. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin tried to hide her complex emotions behind a casual shrug.</p> <span class="dialog-serin">"That's... actually not a bad idea. Easier to coordinate training schedules."</span> Though her tone was light, there was something wistful in her eyes. <div style="clear: left;"></div> </div> <<set $serin_LioraAffection += 1>><<trackAffection "Serin" "Liora" 1>><<set $liora_SerinAffection += 1>><<trackAffection "Liora" "Serin" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Nonsense! It would be wonderful to have you here. The house is too quiet sometimes, and it would ease my mind knowing you're safe."</span> <div style="clear: left;"></div> </div> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $serin_Lust += 1>><<trackLust "Serin" 1>><<set $liora_Lust += 1>><<trackLust "Liora" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The evening grew late as they continued talking and enjoying the meal. The warmth of family atmosphere and close proximity to his companions stirred something in <<print $humanName>>, while the girls seemed to share in the comfortable intimacy of the moment.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Finally, <<print $marielToHuman>> stood up.</p> <span class="dialog-mariel">"It's much too late for you two to head home now. Why don't you stay the night? We can talk more about the living arrangements tomorrow."</span> <div style="clear: left;"></div> </div> <<set $rylan_combatExperience += 1>><<trackExperience "Rylan" "partyBonding" 1>><<set $serin_combatExperience += 1>><<trackExperience "Serin" "partyBonding" 1>><<set $liora_combatExperience += 1>><<trackExperience "Liora" "partyBonding" 1>><<set $rylan_FeetFetish += 0.1>><<trackFetish "Rylan" "Feet" 0.1>><<set $serin_DominanceFetish += 0.2>><<trackFetish "Serin" "Dominance" 0.2>><<set $rylan_combatStats.willpower += 0.1>><<trackCombatStat "Rylan" "willpower" 0.1>><<set $serin_combatStats.technique += 0.1>><<trackCombatStat "Serin" "technique" 0.1>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">As night falls...</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The evening celebration comes to an end.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|NightActivities]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "morning">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.95), rgba(160, 82, 45, 0.9), rgba(139, 69, 19, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory fades like mist in morning light.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Back in the kitchen. The scent of breakfast still lingers, but the air feels heavier now.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel's hands have stopped shaking. She looks at <<print $humanName>> with a gentle smile that doesn't quite reach her eyes.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"<<print $humanToMariel>>... I'm sorry, I shouldn't have asked about-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"It's alright, sweetheart."</span> Her voice is soft, almost fragile. <span class="dialog-mariel">"Some memories... they need to be remembered. Even the painful ones."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She reaches across the table, her hand finding <<print $humanName>>'s.</p> <span class="dialog-mariel">"I was about to tell you why I-"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A sharp knock at the door cuts through the moment.</p> <div style="clear: left;"></div> </div> <<set $rylan_MarielAffection += 1>><<trackAffection "Rylan" "Mariel" 1>><<set $mariel_RylanAffection += 1>><<trackAffection "Mariel" "Rylan" 1>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">New Arrivals</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Meet Serin and Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SerinLioraIntro]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "morning">> <<changeFace $currentRylanFace>> <<set $configUnlocked = true>> <<set $metRylan = true>> <<set $metMariel = true>> <<set $metThalor = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.95), rgba(160, 82, 45, 0.9), rgba(139, 69, 19, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> makes the way down the wooden stairs, stretching as the scent of herbs, fresh bread, and roasted vegetables drifts up from the kitchen like a warm welcome. A stomach growls on cue.</p> <div style="clear: left;"></div> </div> <center><img src="images/thalor/kitchentable.webp" alt="Kitchen Table Scene" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor is already at the table, arms crossed like a stone sentinel, sipping tea with the grim patience of a man used to long, silent watches. The legendary sword he used to slay the Demon King hangs mounted on the wall behind him - a reminder of past glories, now more ceremonial than practical.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Morning."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Morning, <<print $humanToThalor>>."</span> <<print $humanName>> replies, sliding into the usual seat though Thalor's presence always makes it feel slightly too small. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel turns from the stove, her golden curls catching the morning light, a worn apron covering her dress. She sets a steaming plate in front before anyone can ask.</p> <span class="dialog-mariel">"Eat while it's hot, $humanName."</span> <div style="clear: left;"></div> </div> <center><img src="images/mariel/kitchen.webp" alt="Mariel's Kitchen" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Thanks, <<print $humanToMariel>>,"</span> <<print $humanName>> mumbles, already picking up the fork. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor raises a brow as he eyes the sheer volume of food on the plate.</p> <span class="dialog-thalor">"He's trying to pass the exam, not fatten up for the butcher's pen."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"He needs his strength, Thalor."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Strength?"</span> Thalor scoffs, stabbing a piece of bread like it personally offended his warrior's code. <span class="dialog-thalor">"<<print $humanName>> needs discipline. And fewer cinnamon rolls. Have you seen how many he sneaks when you're not looking?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel's golden curls catch the sunlight as she turns, one eyebrow raised in that dangerous way that makes even veteran warriors reconsider their life choices.</p> <span class="dialog-mariel">"Oh? And I suppose you weren't the one who demolished an entire tray of honey cakes last week?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"That's that's different! I was maintaining my energy reserves!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"He's a growing boy."</span> Mariel sets down another plate, this one piled with fresh pastries that make <<print $humanName>>'s mouth water. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"He's a pampered noodle."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"A strong noodle."</span> She counters with a sweet smile that somehow makes it worse. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"That's not a thing, Mariel!"</span> Thalor throws his hands up, nearly knocking over his teacup. <span class="dialog-thalor">"You can't just add 'strong' to 'noodle' and make it better! Next you'll be calling him a 'mighty marshmallow' or a 'warrior of wobbliness'!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> chews silently, watching the verbal sparring match with the same reverence reserved for watching high-level duels. Except with more breakfast involved. And possibly more dangerous.</p> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"He failed the exam last year because he's soft. You spoil him too much..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The kitchen goes quiet. Deathly quiet.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/kitchenangry.webp" alt="Mariel's Kitchen Anger" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Slowly very slowly Mariel's smile stretches wider. Not warmer. Just wider. The kind of smile that makes hardened criminals confess their sins and run straight to the nearest temple.</p> <<set $mariel_ThalorAffection -= 5>><<trackAffection "Mariel" "Thalor" -5>><<set $thalor_confidence -= 2>><<trackOther "Thalor" "confidence" -2>><<set $mariel_ThalorAttraction -= 2>><<trackAttraction "Mariel" "Thalor" -2>> <span class="dialog-mariel">"I'm sorry, darling."</span> Her voice drips with honeyed venom. <span class="dialog-mariel">"What exactly did you say about my <<print $humanIsMariel>>?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor's teacup freezes mid-sip. His eyes dart from Mariel to <<print $humanName>> to the door, calculating escape routes like the tactical expert he is. Too late, he realizes he just triggered a boss-level encounter without proper preparation.</p> <span class="dialog-thalor">"I uh nothing, my beloved treasure. Just noting <<print $humanName>>'s... potential. Yes. Limitless potential. Like a... like a strong noodle!"</span> Thalor coughs into his fist, desperately trying to erase the past thirty seconds from existence. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel gives him a long look, the kind that suggests she's deciding between forgiveness and where to hide the body.</p> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Anyway!"</span> Thalor practically leaps from his chair. <span class="dialog-thalor">"Would you look at the time! I have a job."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <<print $humanName>> looks up. <span class="dialog-rylan">"A mission?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor is already at the entryway, grabbing his gear and strapping on his well-worn battle sword - deliberately choosing the practical weapon over the legendary blade that slew the Demon King.</p> <span class="dialog-thalor">"B-Rank escort. Just a few days. The guild wants someone reliable."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You just got back, Thalor."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"I know, I know."</span> Thalor's voice is breezy, his hands moving fast. <span class="dialog-thalor">"I'll be back before the week is out. Promise."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel walks over, adjusting Thalor's collar with practiced care.</p> <span class="dialog-mariel">"Be careful."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"I always am."</span> Thalor kisses her cheek clearly his escape move and pivots toward <<print $humanName>>. <span class="dialog-thalor">"Don't waste today, <<print $thalorCallsHuman>>. Train harder than yesterday. And stop expecting Mariel to carry you through life."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then he's gone. Thalor, master of dramatic exits.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The door clicks shut.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> continues eating in silence, mind already wandering.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">If <<print $humanName>> were a hero like Thalor…fame would come. A castle. Luxury. Maybe even a throne with an engraved name.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And Liora would be right there beside him as his queen. The thought brings a warm smile to his face - her gentle wisdom helping him rule justly, her healing magic blessing their kingdom.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> grins, already imagining their future together. A royal hall where Liora's kindness would make even the most cynical nobles melt. Maybe they'd have adventures too, ruling side by side, protecting their people together.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A piece of bread catches in <<print $humanName>>'s throat.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel sits across now, hands folded, eyes fixed on the window. Her expression unreadable. Her smile, gone.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <<print $humanName>> clears the throat. <span class="dialog-rylan">"What was it like? Fighting the Demon King?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel doesn't blink.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She doesn't answer right away.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then <<print $humanName>> notices: her shoulders have gone stiff. Her jaw tightens. One hand grips the teacup too tightly.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When Mariel finally speaks, her voice is quiet. Measured.</p> <span class="dialog-mariel">"There was..."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Mariel's Memory</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Learn about the past battle.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|MarielMemory]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(0, 100, 0, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <<if _eventRoll <= 25>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/flexingarms.webp" style="max-width: 400px;"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Not bad! Though your form could use some work..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin demonstrates the proper stance, her muscles gleaming with post-battle sweat. The afternoon heat has made her leather training gear cling to her athletic form.</p> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanMusBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set $rylan_MuscleFetish += _baseGain * _rylanMusBonus>> <<trackFetish "Rylan" "Muscle" _baseGain>> <<set $rylan_Lust += 2>> <<trackLust "Rylan" 2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demonstration proves quite... distracting.</p> <</if>> <<set $rylan_combatStats.technique += 0.1>> <<trackCombatStat "Rylan" "technique" 0.1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">⚔️ <<print $humanName>>'s technique increased by 0.1!</p> <div style="clear: left;"></div> </div> <<elseif _eventRoll <= 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/liora/poses/bendingdown.webp" style="max-width: 400px;"></center> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Let me check for any injuries..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora kneels beside <<print $humanName>>, her healing magic warm and soothing as she tends to any scratches or bruises.</p> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her gentle touch sends an unexpected warmth through <<print $humanName>>'s body.</p> <</if>> <<set $rylan_combatStats.vitality += 0.1>> <<trackCombatStat "Rylan" "vitality" 0.1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">❤️ <<print $humanName>>'s vitality increased by 0.1!</p> <div style="clear: left;"></div> </div> <<elseif _eventRoll <= 75>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Always stretch after a fight! Prevents muscle strain."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin leads the group through some post-battle stretches, her own movements fluid and practiced.</p> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanSmellBonus = ($rylan_naturalTendencies ?? []).includes("smell") ? 1.5 : 1>> <<set $rylan_SmellFetish += _baseGain * _rylanSmellBonus>> <<trackFetish "Rylan" "Smell" _baseGain>> <<set $rylan_Lust += 2>> <<trackLust "Rylan" 2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The close proximity makes the scent of her post-battle exertion impossible to ignore.</p> <</if>> <<set $rylan_combatStats.agility += 0.1>> <<trackCombatStat "Rylan" "agility" 0.1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">🏃 <<print $humanName>>'s agility increased by 0.1!</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/fightingstance.webp" style="max-width: 400px;"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Let's go over what worked and what didn't in that fight."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin demonstrates some of the enemy's moves and how to counter them effectively.</p> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanMusBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set $rylan_MuscleFetish += _baseGain * _rylanMusBonus>> <<trackFetish "Rylan" "Muscle" _baseGain>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her athletic prowess is particularly evident during the demonstrations.</p> <</if>> <<set $rylan_combatStats.perception += 0.1>> <<trackCombatStat "Rylan" "perception" 0.1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">👁️ <<print $humanName>>'s perception increased by 0.1!</p> <div style="clear: left;"></div> </div> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('demonkingfight.mp3');<</script>> <<nobr>> <<set $currentFace = $currentMarielFace>> <<set $timeOfDay = "memory">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.95), rgba(139, 0, 139, 0.9), rgba(75, 0, 130, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"The barrier around him grows stronger! His spell nears completion!"</span> Gairos's voice was desperate as he watched the swirling energies around the Demon King intensify. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The Demon King remained on his throne, his eyes now blazing with fury and grief over his fallen wives.</p> <span class="dialog-azgorth" style="color: #B266B2;">"You could have been my allies in this, Gairos. We could have rebuilt this world together. But you chose to murder my beloved brides."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"Never! They were demons, abominations! And now I know how to weaken your barrier, monster!"</span> <center><img src="images/gairos/gairosback.webp" alt="Gairos" width="400"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos raised both hands, magical energy crackling between his fingers. A javelin of pure lightning began forming in his right hand, while his left started weaving a massive fireball. The heroes expected both spells to target the Demon King.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the fireball wasn't aimed at Azgorth.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">It was aimed at the children cowering behind the throne.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Gairos, no!"</span> Mariel screamed in horror as she realized his intent. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-azgorth" style="color: #B266B2;">"YOU DARE?!"</span> The Demon King's voice shook the very foundations of the castle, his composure finally shattered. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span class="dialog-verdalis" style="color: lightgreen;">"Those are children! Innocents!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"They're his weakness! The only way to break his concentration!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The lightning javelin struck the barrier around the throne just as the massive fireball flew toward the huddled children. The three young demons, an eldest boy, a middle child, and the youngest-could only watch in terror as death approached.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the loyal maids who had served the family faithfully threw themselves in front of their charges without hesitation. Their bodies took the full force of Gairos's magical flames, their screams of agony echoing through the throne room as they burned.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/landscapes/demonkingthrone.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Throne"> <span class="dialog-female-npc" style="color: brown;">"My lord... protect... the children..."</span> The head maid's final words were barely a whisper as she collapsed, her body shielding the youngest demon child. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The screams both from the dying maids and the traumatized children shattered something fundamental in Mariel's heart. Tears streamed down her face as she watched innocents die for the sake of tactical advantage.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And it worked. The barrier around the Demon King flickered and weakened dramatically, his concentration broken by fury and grief as he watched his faithful servants sacrifice themselves for his children.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"My children... my loyal servants... GAIROS!"</span> The Demon King's voice was raw with anguish and rage. <span class="dialog-azgorth" style="color: #B266B2;">"You call yourself a hero? You murder innocents to achieve your goals? You are no different from the corrupt kings you claim to serve!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"Victory requires sacrifice! Now finish him while his defenses are down!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-thalor">"This... this isn't right. Those were children, Gairos."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span class="dialog-verdalis" style="color: lightgreen;">"The forest spirits weep. They scream of innocence defiled."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But with his barrier weakened, Azgorth was vulnerable. The heroes pressed their attack, though Mariel's heart was no longer in the fight.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The Demon King rose from his throne, his spell broken, his massive frame radiating power and grief.</p> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"If this is what heroes do... if this is what justice looks like... then perhaps the world deserves to burn after all."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He fought like a man possessed, his bare hands crushing stone, his very presence warping reality around him. But without his wives to support him, without his defensive barrier, he was outnumbered.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"Tell me, heroes... when you return to your kingdoms... will you tell them how you won? Will you speak of the children you terrorized? The servants you murdered?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"We'll tell them we saved the world from a demon tyrant!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"And in fifty years, when your kings have started ten new wars, sold a thousand more children into slavery, burned a hundred more villages... will you still believe you were heroes?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos's final lightning bolt pierced the Demon King's chest, but Azgorth remained standing for a moment longer, his ancient eyes fixed on his children.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"My little ones... I'm sorry... I couldn't protect you... I couldn't give you the better world I promised..."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He collapsed against his obsidian throne, his beautiful purple skin growing pale, his green hair falling across his face. The lightning had found its mark, straight through his heart.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The spell he had been channeling died with him, its true purpose forever unknown. Had it really been a healing magic? Or had his words been lies to the end?</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"It's finished. The Demon King is dead. The world is safe."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But as Mariel looked around the throne room, at the beautiful wives lying motionless, at the burned servants, at the three terrified children huddled behind the throne, she wondered if the world was truly any safer at all.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The battle was over.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the real horror was just beginning.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Aftermath</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The consequences of victory.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|TheOnesWithoutName]]</div></div></div> <<changeFace $currentMarielFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <<set $currentFace = $currentMarielFace>> <<set $timeOfDay = "night">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 112, 0.95), rgba(72, 61, 139, 0.9), rgba(25, 25, 112, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/landscapes/rylanhome.webp" alt="House at night" width="400"></center> <center><h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">*End of Chapter 0*</h3></center> <center><h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">*The story continues...*</h3></center> <div style="clear: left;"></div> </div> <div id="chapter1-link" style="display: none; text-align: center; margin-top: 20px;"> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Begin Chapter 1</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue your journey into Chapter 1.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin Chapter 1|ChapterOneStart]]</div></div></div> </div> <div id="loading-dots" style="text-align: center; margin-top: 20px;"> <span style="font-style: italic;">Please wait</span><span id="dots">.</span> </div> <<script>> setTimeout(function() { $("#loading-dots").fadeOut(500, function() { $("#chapter1-link").fadeIn(1000); }); }, 5000); var dotCount = 1; var dotInterval = setInterval(function() { var dots = ""; for (var i = 0; i < (dotCount % 4); i++) { dots += "."; } if (dots === "") dots = "."; $("#dots").text(dots); dotCount++; }, 500); setTimeout(function() { clearInterval(dotInterval); }, 5000); <</script>> <<changeFace $currentMarielFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<if !$battleInitialized>> <<set $battleInitialized = true>> <<set $turnTimers = {}>> <<set $battleLog = []>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _baseTimer = 3000>><<set _agiMod = State.variables[_char.toLowerCase() + "_combatStats"].agility * 100>> <<set $turnTimers[_char] = _baseTimer - _agiMod>> <</for>> <<for _enemy range $currentEnemies>> <<set _baseTimer = 3000>> <<set _agiMod = State.variables[_enemy + "_combatStats"].agility * 100>> <<set $turnTimers[_enemy] = _baseTimer - _agiMod>> <</for>> <</if>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(0, 100, 0, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div id="battle-container" style="position: relative; width: 800px; height: 600px; margin: 0 auto;"> <div id="battle-background" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('images/landscapes/forest.webp') no-repeat center center; background-size: cover;"></div> <div id="character-area" style="position: absolute; bottom: 150px; left: 0; width: 100%; display: flex; justify-content: space-around;"> <<for _char range ["Rylan", "Serin", "Liora"]>> <div class="character-sprite" data-character="<<print _char>>"> <img src="images/chibi-models/<<print_char>>back.webp" style="width: 96px; height: 96px; image-rendering: pixelated;"> </div> <</for>> </div> <div id="enemy-area" style="position: absolute; top: 100px; left: 0; width: 100%; display: flex; justify-content: space-around;"> <<for _enemy range $currentEnemies>> <div class="enemy-sprite" data-enemy="<<print _enemy>>"> <img src="images/chibi-models/<<print_enemy>>.webp" style="width: 96px; height: 96px; image-rendering: pixelated;"> </div> <</for>> </div> <div id="status-area" style="position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7); padding: 10px;"> <<for _char range ["Rylan", "Serin", "Liora"]>> <div class="character-status"> <div class="char-name"><<print _char>></div> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <div class="hp-bar"> HP: <<print Math.floor(_stats.currentHealth)>>/<<print _stats.maxHealth>> <div class="bar-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div> </div> <div class="sp-bar"> SP: <<print Math.floor(_stats.currentStamina)>>/<<print _stats.maxStamina>> <div class="bar-fill" style="width: <<print (_stats.currentStamina / _stats.maxStamina * 100)>>%"></div> </div> </div> <</for>> </div> <div id="battle-log" style="position: absolute; top: 10px; right: 10px; width: 300px; background: rgba(0,0,0,0.7); padding: 10px; color: white; max-height: 200px; overflow-y: auto;"> <<for _log range $battleLog.slice(-5)>> <div class="log-entry"><<print _log>></div> <</for>> </div> </div> <<script>> $(document).ready(function() { const processCharacterTurn = function(char) { const stats = State.variables[char.toLowerCase() + "_combatStats"]; let action = ""; // Get character action from CombatSystem const allies = ["Rylan", "Serin", "Liora"]; const enemies = State.variables.currentEnemies; const charAction = window.CombatSystem.getCharacterAction(char, allies, enemies); // Process the action action = window.CombatSystem.processAction(char, charAction); if (action) { State.variables.battleLog.push(action); $(`.character-sprite[data-character="${char}"]`).addClass('shake'); setTimeout(() => { $(`.character-sprite[data-character="${char}"]`).removeClass('shake'); }, 500); } const baseTimer = 3000; const agiMod = stats.agility * 100; State.variables.turnTimers[char] = baseTimer - agiMod; }; const battleTick = setInterval(() => { Object.keys(State.variables.turnTimers).forEach(entity => { State.variables.turnTimers[entity] -= 100; if (State.variables.turnTimers[entity] <= 0) { processCharacterTurn(entity); } }); const allEnemiesDead = State.variables.currentEnemies.every(enemy => State.variables[enemy + "_combatStats"].currentHealth <= 0 ); if (allEnemiesDead) { clearInterval(battleTick); Engine.play("ForestHunt"); } }, 100); }); <</script>> <style> @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .shake { animation: shake 0.5s; } .bar-fill { height: 100%; transition: width 0.3s ease; } .hp-bar .bar-fill { background: linear-gradient(90deg, #ff4444, #ff6b6b); } .sp-bar .bar-fill { background: linear-gradient(90deg, #4CAF50, #81C784); } .log-entry { margin: 2px 0; font-size: 14px; } </style> <<set _successRoll = random(1, 100)>> <<set _baseSuccess = 60>> <<if $battleChoice === "direct">> <<set _baseSuccess += 10>> <<elseif $battleChoice === "maneuver">> <<set _baseSuccess += 5>> <<else>> <<set _baseSuccess -= 5>> <</if>> <<if $tempStatBoost>> <<set _baseSuccess += 15>> <<set $statBoostDuration -= 1>> <<if $statBoostDuration <= 0>> <<set $tempStatBoost = false>> <</if>> <</if>> <<if $battleChoice === "direct">> <<print $humanName>> gripped his shortsword tightly and charged forward, the blade gleaming in the afternoon light. The slime${_slimeCount === 1 ? "" : "s"} rippled in response, preparing to meet his attack. <span class="dialog-serin">"That's it! Show them what you've got!"</span> <<elseif $battleChoice === "maneuver">> <<print $humanName>> circled carefully, looking for an opening. The slime${_slimeCount === 1 ? "" : "s"} tracked his movement, their gelatinous bodies shifting to face him. <span class="dialog-serin">"Good footwork! Just like we practiced!"</span> <<else>> <<print $humanName>> held his ground, watching the slime${_slimeCount === 1 ? "" : "s"} carefully. Their movements created strange patterns in their translucent bodies. <span class="dialog-serin">"Sometimes patience is the better part of valor..."</span> <</if>> <<if _successRoll <= _baseSuccess>> <<set $slimesDefeated += _slimeCount>> The shortsword sliced through the slime${_slimeCount === 1 ? "'s" : "s'"} gelatinous form${_slimeCount === 1 ? "" : "s"} with surprising effectiveness. The creature${_slimeCount === 1 ? "" : "s"} shuddered and collapsed into harmless puddles. <span class="dialog-serin">"Now that's what I'm talking about!"</span> Serin's proud grin was infectious. <<if random(1, 100) <= 35>> <<set $serin_RylanAffection += 1>> <<set $serin_RylanAttraction += 1>> Her eyes lingered on <<print $humanName>> a moment longer than necessary, clearly impressed by his performance. <</if>> <<if random(1, 100) <= 35>> <<set $liora_RylanAffection += 1>> <<set $liora_RylanAttraction += 1>> Liora clasped her hands together, beaming. <span class="dialog-liora">"That was amazing!"</span> <</if>> <<set $rylan_confidence += 1>> <<else>> The slime${_slimeCount === 1 ? "" : "s"} proved more agile than expected, flowing around <<print $humanName>>'s attack${_slimeCount === 1 ? "" : "s"}. A pseudopod caught him off guard, sending him stumbling backward. <span class="dialog-serin">"I've got you!"</span> Serin darted in, her daggers flashing. The slime${_slimeCount === 1 ? "" : "s"} recoiled, giving <<print $humanName>> space to recover. <span class="dialog-liora">"Are you hurt?"</span> Liora's healing magic already began to glow. <<set $rylan_confidence -= 1>> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Exploring</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue exploring|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(0, 100, 0, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Consciousness returns slowly, accompanied by the gentle touch of healing magic. <<print $humanName>> opens his eyes to find himself back in the clearing where the party had last rested, Liora's hands glowing with restorative energy while Serin keeps watch.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Thank goodness you're awake..."</span> Relief floods Liora's voice. <span class="dialog-liora">"We had to retreat... I'm sorry, but I used most of my magic just keeping everyone stable."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Hey, no shame in a tactical retreat."</span> Serin's tone is deliberately light, but there's concern in her eyes. <span class="dialog-serin">"Though next time, maybe we should be a bit more careful about what fights we pick, hm?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $currentEnemies.includes("goblin")>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory of failing against another goblin weighs heavily on <<print $humanName>>'s mind.</p> <<set $rylan_Confidence -= 2>><<trackOther "Rylan" "confidence" -2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">💔 <<print $humanName>>'s confidence takes an extra hit...</p> <<elseif $currentEnemies.includes("specialSlime")>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The strange, shimmering slime had proven far more dangerous than expected.</p> <<set $rylan_corruption += 1>><<trackOther "Rylan" "corruption" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">🌑 The defeat leaves a lingering corruption...</p> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="loss-notification" style="background: rgba(255, 0, 0, 0.1); border: 1px solid #ff4444; padding: 10px; margin: 10px 0; border-radius: 5px; color: #ff4444;"> <p style="margin: 0;">Lost Items: 💰 <<print Math.floor(State.variables.gold / 2)>> gold</p> </div> <div style="clear: left;"></div> </div> <<if $serin_RylanAffection > 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin places a reassuring hand on <<print $humanName>>'s shoulder.</p> <span class="dialog-serin">"We all have our off days. What matters is getting back up, right?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">💗 The support helps restore some confidence...</p> <<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin maintains her usual teasing demeanor, but there's a hint of worry in her voice.</p> <div style="clear: left;"></div> </div> <</if>> <<if $liora_RylanAffection > 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Please don't be too hard on yourself..."</span> Liora's gentle words carry genuine care. <span class="dialog-liora">"We're all still learning."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">💗 Her kindness eases the sting of defeat...</p> <<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora focuses on her healing, her concern evident in her careful attention.</p> <div style="clear: left;"></div> </div> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3'); <</script>> <<set _springRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<if $dungeonMap[$currentNode].branches.length === 0>> <<set _nodeTypes = ["battle", "battle", "battle", "battle", "battle", "rest"]>> <<set _nextBranch1 = _nodeTypes[random(0, _nodeTypes.length - 1)]>> <<set _nextBranch2 = _nodeTypes[random(0, _nodeTypes.length - 1)]>> <<set _newNode1 = `node${Object.keys($dungeonMap).length}`>> <<set _newNode2 = `node${Object.keys($dungeonMap).length + 1}`>> <<set $dungeonMap[_newNode1] = { type: _nextBranch1, description: _nextBranch1 === "battle" ? "Rustling Leaves" : _nextBranch1 === "rest" ? "Peaceful Clearing" : "Mystery Path", branches: [], visited: false }>> <<set $dungeonMap[_newNode2] = { type: _nextBranch2, description: _nextBranch2 === "battle" ? "Moving Shadows" : _nextBranch2 === "rest" ? "Sunlit Glade" : "Strange Sounds", branches: [], visited: false }>> <<set $dungeonMap[$currentNode].branches = [_newNode1, _newNode2]>> <</if>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <<if $eventChoice === "dip">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group agreed to take turns, with Serin volunteering to keep watch first. The hot spring was screened by rocks and foliage, offering some privacy.</p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _serinVoyBonus = ($serin_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $serin_VoyeurismFetish += _baseGain * _serinVoyBonus>> <<trackFetish "Serin" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">From her vantage point, Serin found her gaze occasionally drifting toward the spring, though she tried to maintain her focus on watching for threats.</p> <<set $serin_Lust += 3>> <<trackLust "Serin" 3>> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The warm water worked wonders on tired muscles, and the mineral-rich spring seemed to have mild healing properties.</p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _lioraVoyBonus = ($liora_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $liora_VoyeurismFetish += _baseGain * _lioraVoyBonus>> <<trackFetish "Liora" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora couldn't help but notice how the water droplets traced paths down <<print $humanName>>'s shoulders when it was his turn.</p> <<set $liora_Lust += 2>> <<trackLust "Liora" 2>> <div style="clear: left;"></div> </div> <</if>> <<set $tempStatBoost = true>> <<set $statBoostDuration = 5>> <<elseif $eventChoice === "rest">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group settled near the spring, enjoying the warm, mineral-rich air while staying dressed. The steam created a peaceful atmosphere.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"The heat's still nice even from here,"</span> Serin noted, stretching her legs out. <span class="dialog-serin">"Though I bet the water would be better..."</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanVoyBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $rylan_VoyeurismFetish += _baseGain * _rylanVoyBonus>> <<trackFetish "Rylan" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> found himself distracted by the way the humid air made Serin's leather armor cling to her athletic form.</p> <<set $rylan_Lust += 2>> <<trackLust "Rylan" 2>> <div style="clear: left;"></div> </div> <</if>> <<if $rylan_Lust < 0>><<set $rylan_Lust = 0>><</if>> <<set $tempStatBoost = true>> <<set $statBoostDuration = 3>> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"We should keep moving,"</span> <<print $humanName>> decided, though the spring looked inviting. <span class="dialog-rylan">"The exam comes first."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"All work and no play..."</span> Serin sighed, but nodded in agreement. <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>> <<set $serin_DominanceFetish += _baseGain * _serinDomBonus>> <<trackFetish "Serin" "Dominance" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Something about his serious dedication made Serin want to tease him more.</p> <<set $serin_Lust += 1>> <<trackLust "Serin" 1>> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_confidence += 1>> <<trackOther "Rylan" "confidence" 1>> <</if>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Exploring</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your exploration.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue exploring|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3'); <</script>> <<if !$quests>> <<set $quests = { active: {}, completed: {}, failed: {} }>> <</if>> <<set $timeOfDay = "afternoon">> <<set $currentNode = "start">> <<set $visitedNodes = []>> <<if !$slimesDefeated>> <<set $slimesDefeated = 0>> <</if>> <<set $mapGenerated = false>> <<set $currentLocation = "Forest">> <<if !$rylan_combatStats>> <<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, maxFocus: 50, currentFocus: 50, physicalPower: 10, agility: 8, willpower: 6, technique: 7, perception: 6 }>> <</if>> <<if !$serin_combatStats>> <<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 120, currentStamina: 120, maxFocus: 60, currentFocus: 60, physicalPower: 8, agility: 12, willpower: 7, technique: 9, perception: 8 }>> <</if>> <<if !$liora_combatStats>> <<set $liora_combatStats = { maxHealth: 80, currentHealth: 80, maxStamina: 80, currentStamina: 80, maxFocus: 100, currentFocus: 100, physicalPower: 6, agility: 7, willpower: 12, technique: 8, perception: 9 }>> <</if>> <<if !$seryk_combatStats>> <<set $seryk_combatStats = { maxHealth: 150, currentHealth: 150, maxStamina: 150, currentStamina: 150, maxFocus: 70, currentFocus: 70, physicalPower: 15, agility: 10, willpower: 8, technique: 9, perception: 7 }>> <</if>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<if !$mapGenerated>> <<set $dungeonMap = {}>> <<set $dungeonMap.start = { type: "start", description: "Forest Entrance", branches: [], visited: false }>> <<set _nodeTypes = ["battle", "battle", "battle", "battle", "battle", "battle", "rest"]>> <<set _firstBranch1 = _nodeTypes[random(0, _nodeTypes.length - 1)]>> <<set _firstBranch2 = _nodeTypes[random(0, _nodeTypes.length - 1)]>> <<set $dungeonMap.node1 = { type: _firstBranch1, description: _firstBranch1 === "battle" ? "Rustling Leaves" : _firstBranch1 === "rest" ? "Peaceful Clearing" : _firstBranch1 === "gather" ? "Herb Patch" : "Mystery Path", branches: [], visited: false }>> <<set $dungeonMap.node2 = { type: _firstBranch2, description: _firstBranch2 === "battle" ? "Moving Shadows" : _firstBranch2 === "rest" ? "Sunlit Glade" : _firstBranch2 === "gather" ? "Hidden Grove" : "Strange Sounds", branches: [], visited: false }>> <<set $dungeonMap.start.branches = ["node1", "node2"]>> <<set $mapGenerated = true>> <</if>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(50, 205, 50, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Perfect timing,"</span> Serin noted, adjusting her leather armor straps. <span class="dialog-serin">"Slimes are more active in the afternoon heat."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"They also tend to be... um... more liquid?"</span> Liora added helpfully, though she didn't sound entirely sure if that was useful information. <div style="clear: left;"></div> </div> <div id="dungeon-view" style="position: relative; width: 800px; height: 400px; background: url('images/landscapes/forestofbeginning.webp') repeat-x; background-size: auto 100%; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); margin: 20px auto;"> <div id="party-container" style="position: absolute; left: 100px; top: 250px; display: flex; gap: 20px;"> <img src="images/chibi-models/rylangoing.webp" class="chibi-model" style="width: 64px; height: 64px; image-rendering: pixelated;"> <img src="images/chibi-models/seringoing.webp" class="chibi-model" style="width: 64px; height: 64px; image-rendering: pixelated;"> <img src="images/chibi-models/lioragoing.webp" class="chibi-model" style="width: 64px; height: 64px; image-rendering: pixelated;"> </div> </div> <<script>> $(document).ready(function() { $('#dungeon-view').css('opacity', 0).animate({opacity: 1}, 300); if (!State.variables.quests?.completed?.slimeHunt) { setTimeout(function() { const partyContainer = $('#party-container'); const dungeonView = $('#dungeon-view'); const viewWidth = dungeonView.width(); partyContainer.animate({ left: viewWidth - 200 }, 2000, 'linear', function() { dungeonView.fadeOut(300, function() { const eventTypes = ["battle", "battle", "battle", "battle", "battle", "battle", "rest"]; const randomEvent = eventTypes[Math.floor(Math.random() * eventTypes.length)]; Engine.play("ForestNode_" + randomEvent); }); }); dungeonView.animate({ 'background-position-x': '-=800px' }, 2000, 'linear'); }, 300); } }); <</script>> <<if $quests.completed.slimeHunt>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Well, looks like we've cleared out enough of those slimes."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"We should head back to report our success..."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Report Exam Results</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the guild to report your success.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to Guild|ReportExamresults]]</div></div></div> <</if>> <style> .dungeon-map { background: rgba(255, 255, 255, 0.9); border: 2px solid #654321; padding: 15px; margin: 10px 0; border-radius: 5px; } .map-node { margin: 5px 0; padding: 5px; font-family: monospace; } .map-node.current { background: #e6ffe6; border: 1px solid #006600; } .map-node.visited { color: #666; } .map-branch { margin-left: 20px; color: #666; } .chibi-model { image-rendering: pixelated; transform-origin: bottom center; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3)); object-fit: contain; animation: walk 0.3s infinite; } @keyframes walk { 0%, 100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-3px) scaleY(0.95); } } .chibi-model:nth-child(2) { animation-delay: 0.2s; } .chibi-model:nth-child(3) { animation-delay: 0.4s; } #dungeon-view { image-rendering: pixelated; background-position: 0 0; } .stat-change { position: fixed; right: 20px; background: rgba(0, 0, 0, 0.8); color: white; padding: 10px; border-radius: 5px; animation: fadeInOut 3s ease-in-out; z-index: 1000; } @keyframes fadeInOut { 0% { opacity: 0; transform: translateY(20px); } 10% { opacity: 1; transform: translateY(0); } 90% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } </style> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<script>> State.variables.previousBGM = window.AudioSystem.bgm.currentTrack; window.AudioSystem.playBGM('battle\\normal.mp3'); <</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/enemies/slime.webp" alt="Forest Slimes" width="600"></center> <<set $combatContext = "chapter0ForestHunt">><<set _encounterRoll = random(1, 100)>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set $currentHealth = $maxHealth>> <<if _encounterRoll <= 100>> <<set $numSlimes = random(1, 3)>> <<set $currentEnemies = []>> <<for _i = 0; _i < $numSlimes; _i++>> <<set _slimeId = "slime" + _i>> <<set $currentEnemies.push(_slimeId)>> <<set State.variables[_slimeId + "_combatStats"] = { maxHealth: 10, currentHealth: 10, maxStamina: 100, currentStamina: 100, maxFocus: 50, currentFocus: 50, physicalPower: 8, agility: 5, willpower: 5, technique: 5, perception: 4 }>> <</for>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party encounters <<if $numSlimes === 1>> a forest slime <<else>> a group of <<print $numSlimes>> forest slimes <</if>>!</p> <div style="clear: left;"></div> </div> <<script>> $(document).one(':combatVictory', function() { if (State.variables.quests && State.variables.quests.active.slimeHunt) { window.QuestSystem.updateQuest('slimeHunt', 'slimeKills', State.variables.numSlimes); State.variables.slimesDefeated += State.variables.numSlimes; } }); <</script>> <<changeFace $currentRylanFace>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Combat</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Begin Battle</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Fight the forest slimes.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin Battle->Combat]]</div></div></div> <style> .combat-container { background: rgba(0, 0, 0, 0.8); padding: 20px; border-radius: 10px; margin: 20px 0; } .combat-status-area, .enemy-status-area { display: flex; justify-content: space-around; margin-bottom: 20px; } .character-status, .enemy-status { background: rgba(255, 255, 255, 0.1); padding: 10px; border-radius: 5px; min-width: 200px; } .stat-bar { background: rgba(0, 0, 0, 0.3); height: 20px; border-radius: 10px; margin: 5px 0; overflow: hidden; } .health-bar { background: linear-gradient(90deg, #ff4444, #ff6b6b); } .stamina-bar { background: linear-gradient(90deg, #4CAF50, #81C784); } .focus-bar { background: linear-gradient(90deg, #2196F3, #64B5F6); } .combat-action-area { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; padding: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 5px; } .action-button { background: rgba(255, 255, 255, 0.1); padding: 10px; border-radius: 5px; text-align: center; cursor: pointer; transition: background 0.3s; } .action-button:hover { background: rgba(255, 255, 255, 0.2); } .turn-indicator { grid-column: 1/-1; text-align: center; font-size: 1.2em; margin-bottom: 10px; color: #fff; } .status-effects { margin-top: 5px; font-size: 0.9em; color: #ccc; } .stat-drops { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; } .stat-drops h3 { color: #4CAF50; margin-bottom: 10px; } .stat-drop-item { margin: 8px 0; padding: 8px; background: rgba(255, 255, 255, 0.1); border-radius: 5px; color: #90CAF9; text-shadow: 0 0 3px rgba(144, 202, 249, 0.5); } </style> <</if>> </div> </div> <<changeFace $currentRylanFace>> <<statSummary>> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3'); <</script>> <<set _eventRoll = random(1, 100)>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <<if _eventRoll <= 20>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A familiar sound makes <<print $humanName>>'s heart skip a beat - the rattling of crude armor and the distinctive snorting of a goblin. It's smaller than the one from the exam, but still...</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Well, well..."</span> Serin's teasing grin appears as she notices <<print $humanName>>'s tension. <span class="dialog-serin">"Here's your chance for redemption, hero."</span> <div style="clear: left;"></div> </div> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanConfidenceMod = Math.floor($rylan_Confidence / 10) * 2>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod + _rylanConfidenceMod>> <div style="text-align: center; margin-top: 20px;"> [[Face the goblin head-on|ForestNode_goblinBattle]] [[Try to sneak around it|ForestNode_goblinSneakAttempt]] [[Suggest finding another route|ForestNode_goblinRetreat]] </div> <<elseif _eventRoll <= 40>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party discovers a small hot spring, steam rising gently from its surface.</p> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh! A natural hot spring... the water likely has healing properties."</span> <div style="clear: left;"></div> </div> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charLustMod = Math.floor(State.variables[_char.toLowerCase() + "_Lust"] / 20) * -5>> <<set _charCorruptionMod = Math.floor(State.variables[_char.toLowerCase() + "_corruption"] / 20) * -10>> <<set _charFinalThreshold = _baseThreshold + _charLustMod + _charCorruptionMod>> <<if random(1, 100) <= _charFinalThreshold>> <<set _baseGain = 0.2>> <<if _char === "Rylan">> The thought of the others potentially using the spring makes <<print $humanName>>'s cheeks warm. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <<set $rylan_VoyeurismFetish += _baseGain>><<trackFetish "Rylan" "Voyeurism" _baseGain>> <<elseif _char === "Serin">> Serin stretches deliberately, making a show of how the heat has affected her. <<set $serin_Lust += 2>><<trackLust "Serin" 2>> <<set $serin_ExhibitionismFetish += _baseGain>><<trackFetish "Serin" "Exhibitionism" _baseGain>> <<else>> Liora fidgets with her robes, torn between propriety and the spring's appeal. <<set $liora_Lust += 2>><<trackLust "Liora" 2>> <</if>> <</if>> <</for>> <div style="text-align: center; margin-top: 20px;"> [[Take a quick rest by the spring|ForestHunt]] [[Continue on|ForestHunt]] </div> <<elseif _eventRoll <= 60>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party finds a clearing perfect for some quick combat practice.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Come on, <<print $humanName>>! Let's see if you've improved!"</span> Serin calls out, already taking a fighting stance. <div style="clear: left;"></div> </div> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charLustMod = Math.floor(State.variables[_char.toLowerCase() + "_Lust"] / 20) * -5>> <<set _charCorruptionMod = Math.floor(State.variables[_char.toLowerCase() + "_corruption"] / 20) * -10>> <<set _charFinalThreshold = _baseThreshold + _charLustMod + _charCorruptionMod>> <<if random(1, 100) <= _charFinalThreshold>> <<set _baseGain = 0.2>> <<if _char === "Rylan">> The close combat training with Serin feels... different than usual. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <<set $rylan_MuscleFetish += _baseGain>><<trackFetish "Rylan" "Muscle" _baseGain>> <<elseif _char === "Serin">> Serin seems to enjoy the physical contact more than strictly necessary. <<set $serin_Lust += 2>><<trackLust "Serin" 2>> <<set $serin_DominanceFetish += _baseGain>><<trackFetish "Serin" "Dominance" _baseGain>> <<else>> Liora watches the sparring with unusual intensity. <<set $liora_Lust += 2>><<trackLust "Liora" 2>><<set $liora_VoyeurismFetish += _baseGain>><<trackFetish "Liora" "Voyeurism" _baseGain>><</if>><</if>><</for>> <div style="text-align: center; margin-top: 20px;"> [[Accept Serin's challenge|ForestNode_trainingWithSerin]] [[Politely decline|ForestHunt]] </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group stumbles into what appears to be a slime breeding ground, the air thick with an oddly sweet scent.</p> <div style="clear: left;"></div> </div> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charLustMod = Math.floor(State.variables[_char.toLowerCase() + "_Lust"] / 20) * -5>> <<set _charCorruptionMod = Math.floor(State.variables[_char.toLowerCase() + "_corruption"] / 20) * -10>> <<set _charFinalThreshold = _baseThreshold + _charLustMod + _charCorruptionMod>> <<if random(1, 100) <= _charFinalThreshold>> <<set _baseGain = 0.2>> <<if _char === "Rylan">> The sweet scent seems to be affecting <<print $humanName>> strangely. <<set $rylan_Lust += 3>><<trackLust "Rylan" 3>> <<set $rylan_SmellFetish += _baseGain>><<trackFetish "Rylan" "Smell" _baseGain>> <<elseif _char === "Serin">> Serin's breathing becomes slightly heavier in the thick air. <<set $serin_Lust += 3>><<trackLust "Serin" 3>> <<set $serin_SmellFetish += _baseGain>><<trackFetish "Serin" "Smell" _baseGain>> <<else>> Liora's face flushes as she tries to focus through the strange atmosphere. <<set $liora_Lust += 3>><<trackLust "Liora" 3>> <<set $liora_SmellFetish += _baseGain>><<trackFetish "Liora" "Smell" _baseGain>> <</if>><</if>><</for>> <div style="text-align: center; margin-top: 20px;"> [[Fight through the slimes|ForestNode_battle]] [[Try to escape|ForestHunt]] </div> <</if>> <<if $rylan_Lust >= 50>> <<print $humanName>>'s movements are becoming noticeably distracted. <</if>> <<if $serin_Lust >= 50>> There's an unusual intensity to Serin's actions. <</if>> <<if $liora_Lust >= 50>> Liora seems to be having trouble maintaining her usual composure. <</if>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanConfidenceMod = Math.floor($rylan_Confidence / 10) * 2>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod + _rylanConfidenceMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin takes a fighting stance, her movements fluid and confident. <span class="dialog-serin">"Don't worry, I'll go easy on you... maybe."</span> Her teasing grin only makes <<print $humanName>> more determined to prove himself.</p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set $rylan_combatStats.technique += 0.2>><<trackCombatStat "Rylan" "technique" 0.2>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>><<set $rylan_affection["Serin"] += 1>><<trackAffection "Rylan" "Serin" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The training session goes surprisingly well. <<print $humanName>> manages to keep up with Serin's quick movements, even landing a few solid hits.</p> <span class="dialog-serin">"Not bad at all!"</span> Serin's praise feels genuine for once. <span class="dialog-serin">"Keep that up and you might actually impress me someday."</span> <div style="clear: left;"></div> </div> <<else>> <<set $rylan_combatStats.technique += 0.1>><<trackCombatStat "Rylan" "technique" 0.1>> <<set $rylan_Confidence -= 1>><<trackOther "Rylan" "confidence" -1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite his best efforts, <<print $humanName>> struggles to match Serin's speed and precision. She seems to be everywhere at once, easily dodging his attacks while landing her own.</p> <span class="dialog-serin">"Still too slow!"</span> She taunts, though there's a hint of encouragement in her voice. <span class="dialog-serin">"But at least you're trying. That's something, right?"</span> <div style="clear: left;"></div> </div> <</if>> <<if $rylan_MuscleFetish > 0>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The close combat training highlights Serin's athletic form, her muscles flexing with each movement. <<print $humanName>> finds it... distracting.</p> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <<set $rylan_MuscleFetish += 0.2>><<trackFetish "Rylan" "Muscle" 0.2>> <div style="clear: left;"></div> </div> <</if>> <<if $serin_DominanceFetish > 0>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's an extra intensity to Serin's grapples and holds, lingering just a moment longer than necessary.</p> <<set $serin_Lust += 2>><<trackLust "Serin" 2>> <<set $serin_DominanceFetish += 0.2>><<trackFetish "Serin" "Dominance" 0.2>> <div style="clear: left;"></div> </div> <</if>> <<if $liora_VoyeurismFetish > 0>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora watches the sparring intently, her cheeks slightly flushed as she follows their movements.</p> <<set $liora_Lust += 2>><<trackLust "Liora" 2>> <<set $liora_VoyeurismFetish += 0.2>><<trackFetish "Liora" "Voyeurism" 0.2>> <div style="clear: left;"></div> </div> <</if>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Hunting</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue hunting|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<set _serinLioraAllowed = ($serin_LesbianValue > 0 && $liora_LesbianValue > 0)>> <<set _serinLioraIntimate = ($serin_LesbianValue > 30 && $liora_LesbianValue > 30)>> <<set _serinLioraAttraction = ($serin_LioraAttraction > 20 && $liora_SerinAttraction > 20)>> <<set _lustOverride = ($serin_Lust > 50 && $liora_Lust > 50)>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party manages to gather some common healing herbs. The careful, precise movements required help refine their technique.</p> <center><img src="images/liora/poses/bendingdown.webp" style="max-width: 400px;"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's eyes light up at the sight, and she quickly kneels to examine the plants. <span class="dialog-liora">"Oh! These herbs could be very useful for healing potions..."</span> Her hands hover over the plants with practiced care. <span class="dialog-liora">"And look, there are some rare varieties mixed in!"</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin stretches, scanning the surroundings. <span class="dialog-serin">"Just remember to keep your guard up while gathering. Monsters love to ambush distracted adventurers."</span></p> <div style="clear: left;"></div> </div> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> Serin's gaze lingers on Liora's graceful movements as she works, a slight smile playing at her lips. <<set $serin_Lust += 1>><<trackLust "Serin" 1>> <<set $serin_LioraAttraction += 0.1>><<trackAttraction "Serin" "Liora" 0.1>> <</if>> <</if>> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> Liora's cheeks color slightly as she feels Serin's attention, her movements becoming more deliberate. <<set $liora_Lust += 1>><<trackLust "Liora" 1>> <<set $liora_SerinAttraction += 0.1>><<trackAttraction "Liora" "Serin" 0.1>> <</if>> <</if>> <<if _serinLioraIntimate && _serinLioraAttraction>> <<if random(1, 100) <= _baseThreshold>> Serin moves closer to help, her hand brushing against Liora's as they work. The touch lingers a moment longer than necessary. <<set $serin_Lust += 2>><<trackLust "Serin" 2>> <<set $liora_Lust += 2>><<trackLust "Liora" 2>> <<set $serin_LioraAttraction += 0.2>><<trackAttraction "Serin" "Liora" 0.2>> <<set $liora_SerinAttraction += 0.2>><<trackAttraction "Liora" "Serin" 0.2>> <</if>> <</if>> <<set _gatherRoll = random(1, 100)>> <<if _gatherRoll <= 70>> <<set $herbs += random(2, 4)>> <<set $rareHerbs += random(1, 2)>> <<combatStatChange "technique" 0.2>> <<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> 🌿 Gathered <<print $herbs>> common herbs! ✨ Found <<print $rareHerbs>> rare herbs! 🎯 Technique increased by 0.2! <<elseif _gatherRoll <= 90>> <<set $herbs += random(3, 5)>> <<set $rareHerbs += random(2, 4)>> <<combatStatChange "agility" 0.2>> <<combatStatChange "technique" 0.1>> 🏃 Agility increased by 0.2! ⚔️ Technique increased by 0.1! <<else>> <<set $herbs += random(4, 6)>> <<set $rareHerbs += random(2, 3)>> <<set $specialItems += 1>> <<combatStatChange "willpower" 0.2>> <<combatStatChange "technique" 0.2>> <<combatStatChange "perception" 0.2>> <<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> 🧠 Willpower increased by 0.2! ⚔️ Technique increased by 0.2! 🌿 Gathered <<print $herbs>> common herbs! ✨ Found <<print $rareHerbs>> rare herbs! 🌟 Discovered a special item! 👁️ Perception increased by 0.2! <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<set _serinLioraAllowed = ($serin_LesbianValue > 0 && $liora_LesbianValue > 0)>> <<set _serinLioraIntimate = ($serin_LesbianValue > 30 && $liora_LesbianValue > 30)>> <<set _serinLioraAttraction = ($serin_LioraAttraction > 20 && $liora_SerinAttraction > 20)>> <<set _lustOverride = ($serin_Lust > 50 && $liora_Lust > 50)>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party manages to gather some common healing herbs. The careful, precise movements required help refine their technique.</p> <center><img src="images/liora/poses/bendingdown.webp" style="max-width: 400px;"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's eyes light up at the sight, and she quickly kneels to examine the plants. <span class="dialog-liora">"Oh! These herbs could be very useful for healing potions..."</span> Her hands hover over the plants with practiced care. <span class="dialog-liora">"And look, there are some rare varieties mixed in!"</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin stretches, scanning the surroundings. <span class="dialog-serin">"Just remember to keep your guard up while gathering. Monsters love to ambush distracted adventurers."</span></p> <div style="clear: left;"></div> </div> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> Serin's gaze lingers on Liora's graceful movements as she works, a slight smile playing at her lips. <<set $serin_Lust += 1>> <<set $serin_LioraAttraction += 0.1>> <</if>> <</if>> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> Liora's cheeks color slightly as she feels Serin's attention, her movements becoming more deliberate. <<set $liora_Lust += 1>> <<set $liora_SerinAttraction += 0.1>> <</if>> <</if>> <<if _serinLioraIntimate && _serinLioraAttraction>> <<if random(1, 100) <= _baseThreshold>> Serin moves closer to help, her hand brushing against Liora's as they work. The touch lingers a moment longer than necessary. <<set $serin_Lust += 2>> <<set $liora_Lust += 2>> <<set $serin_LioraAttraction += 0.2>> <<set $liora_SerinAttraction += 0.2>> <</if>> <</if>> <<set _gatherRoll = random(1, 100)>> <<if _gatherRoll <= 70>> <<set $herbs += random(2, 4)>> <<set $rareHerbs += random(1, 2)>> <<combatStatChange "technique" 0.2>> <<set $rylan_Confidence += 1>> 🌿 Gathered <<print $herbs>> common herbs! ✨ Found <<print $rareHerbs>> rare herbs! 🎯 Technique increased by 0.2! <<elseif _gatherRoll <= 90>> <<set $herbs += random(3, 5)>> <<set $rareHerbs += random(2, 4)>> <<combatStatChange "agility" 0.2>> <<combatStatChange "technique" 0.1>> 🏃 Agility increased by 0.2! ⚔️ Technique increased by 0.1! <<else>> <<set $herbs += random(4, 6)>> <<set $rareHerbs += random(2, 3)>> <<set $specialItems += 1>> <<combatStatChange "willpower" 0.2>> <<combatStatChange "technique" 0.2>> <<combatStatChange "perception" 0.2>> <<set $rylan_Confidence += 1>> 🧠 Willpower increased by 0.2! ⚔️ Technique increased by 0.2! 🌿 Gathered <<print $herbs>> common herbs! ✨ Found <<print $rareHerbs>> rare herbs! 🌟 Discovered a special item! 👁️ Perception increased by 0.2! <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set $currentEnemies = ["goblin"]>> <<set State.variables.goblin_combatStats = { maxHealth: 120, currentHealth: 120, maxStamina: 150, currentStamina: 150, maxFocus: 80, currentFocus: 80, physicalPower: 15, agility: 12, willpower: 8, technique: 10, perception: 7 }>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The forest's peaceful atmosphere shatters as crude laughter echoes through the trees. A band of goblins emerges from the shadows, their weapons glinting dully in the filtered light. Their leader, larger and better equipped than the others, grins maliciously as he spots the party.</p> <center><img src="images/serin/poses/flexingarms.webp" style="max-width: 400px;"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's expression hardens as she assesses the threat, her body shifting into a combat stance. <span class="dialog-serin">"Five of them, including a hobgoblin leader."</span> Her voice is low and serious, all playfulness gone. <span class="dialog-serin">"These aren't your typical forest rabble - they're organized. Watch the big one, he'll be trouble."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's hands begin to glow with defensive magic as she takes up a protected position. <span class="dialog-liora">"Their weapons are poisoned..."</span> Her experienced eye catches the telltale sheen on their blades. <span class="dialog-liora">"We need to be extra careful. One scratch could be dangerous."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The hobgoblin leader steps forward, brandishing a notched but well-maintained sword. His grin reveals yellowed fangs as he barks orders to his underlings in their guttural language. The smaller goblins begin to spread out, trying to flank the party.</p> </div> <div style="text-align: center; margin: 20px 0;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Stand and fight->ForestNode_goblinFight]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Try to divide them->ForestNode_goblinTactical]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Attempt to intimidate->ForestNode_goblinIntimidate]]</div> </div> </div> </div>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/kicking.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> steps forward to meet the challenge, weapon raised. The hobgoblin's grin widens, clearly pleased by the direct approach. His underlings tighten their grips on their weapons, ready to support their leader.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin moves to flank, her movements precise and predatory. <span class="dialog-serin">"I'll handle the small ones - you focus on the leader!"</span> She launches into action, her kicks and strikes keeping the lesser goblins at bay. <span class="dialog-serin">"Don't let them surround you!"</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><span class="dialog-liora">"Watch for their poison!"</span> Liora's magic pulses, creating protective barriers where she can. <span class="dialog-liora">"I'll try to keep you shielded!"</span></p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>> <<set $serin_DominanceFetish += _baseGain * _serinDomBonus>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even in the heat of battle, Serin's powerful movements and commanding presence draw attention. Her fluid grace in combat is mesmerizing, each strike precise and devastating.</p> </div> <<set $rylan_Lust += 1>> <<set $serin_Lust += 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The battle is fierce but controlled. <<print $humanName>>'s training shows in every movement, each strike and parry executed with growing confidence. The hobgoblin proves to be a challenging opponent, but the practice with Serin has prepared him well.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After the last goblin falls, Serin wipes her brow, flexing her arms with satisfaction. <span class="dialog-serin">"Now that's how you handle a real fight!"</span> She kicks one of the fallen weapons away. <span class="dialog-serin">"You've definitely improved. That hobgoblin wasn't expecting such resistance."</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora checks everyone for injuries, her healing magic ready. <span class="dialog-liora">"Let me make sure none of their poison got through..."</span> Her magic soothes away cuts and bruises, neutralizing any toxins that might have entered their systems.</p> </div> <<combatStatChange "physicalPower" 0.3>> <<combatStatChange "technique" 0.2>> <<set $rylan_Confidence += 3>> <<set $rylan_combatExperience += 2>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> signals for a tactical approach, using the terrain to their advantage. The forest's natural obstacles can be used to break up the goblin formation and deal with them in smaller groups.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's eyes light up with approval. <span class="dialog-serin">"Smart thinking! Use the trees to split them up."</span> She moves to a flanking position, ready to exploit any openings. <span class="dialog-serin">"Their coordination is their strength - take that away, and they're just common thugs."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora positions herself carefully, her magic ready. <span class="dialog-liora">"I can use the trees to channel healing more effectively this way..."</span> Her tactical support proves invaluable as the battle unfolds.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The strategy works perfectly. The goblins' attempts to maintain formation are thwarted by the terrain, forcing them to split up. This allows the party to pick them off one by one, negating their numerical advantage.</p> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The coordinated movement brings moments of close contact as the party maintains their tactical positions. Each brush past Serin or Liora adds an unexpected layer of awareness to the combat dance.</p> </div> <<set $rylan_Lust += 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After the last goblin falls, Serin looks genuinely impressed. <span class="dialog-serin">"That was brilliant! Using the terrain to break their formation..."</span> She demonstrates one of the moves they used. <span class="dialog-serin">"This is exactly what I've been trying to teach you in training. Brains over brawn!"</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora checks everyone for injuries, though there are surprisingly few thanks to the tactical approach. <span class="dialog-liora">"That was very well executed... you're learning to think like a true adventurer."</span></p> </div> <<combatStatChange "technique" 0.4>> <<combatStatChange "agility" 0.2>> <<set $rylan_Confidence += 3>> <<set $rylan_combatExperience += 2>> ⚔️ Technique increased by 0.4! 🏃 Agility increased by 0.2! ✨ Combat Experience gained! <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/flexingarms.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> steps forward confidently, channeling all his training and presence into an intimidating stance. The hobgoblin pauses, clearly not expecting such a show of force from what they assumed would be easy prey.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin picks up on the strategy immediately, flexing her impressive muscles as she moves to flank. <span class="dialog-serin">"That's right - we're not your typical forest wanderers."</span> Her predatory grin matches the hobgoblin's earlier expression. <span class="dialog-serin">"Want to rethink your life choices?"</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora adds to the effect, her healing magic creating an impressive display of light and power. <span class="dialog-liora">"We can do this the easy way..."</span> Her normally gentle voice carries an edge of steel.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The lesser goblins start to shift nervously, their earlier confidence wavering. The hobgoblin leader glances between his increasingly uncertain followers and the clearly capable party before him.</p> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>> <<set $serin_DominanceFetish += _baseGain * _serinDomBonus>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's display of confident power is captivating, her dominant presence adding an unexpected layer of intensity to the moment.</p> </div> <<set $rylan_Lust += 1>> <<set $serin_Lust += 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After a tense moment, the hobgoblin barks a command and his band begins to retreat, trying to maintain some dignity in their withdrawal. They disappear back into the forest, though their grumbling can be heard for some time.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin relaxes her stance, nodding approvingly. <span class="dialog-serin">"Well played! Sometimes the best fight is the one you don't have to have."</span> She grins broadly. <span class="dialog-serin">"Though I have to admit, part of me was hoping they'd try something. You looked ready to teach them a serious lesson."</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora lets her magic fade, looking relieved. <span class="dialog-liora">"That was well handled. Avoiding unnecessary bloodshed while maintaining strength..."</span> She smiles warmly. <span class="dialog-liora">"That's the mark of true wisdom."</span></p> </div> <<combatStatChange "willpower" 0.3>> <<combatStatChange "technique" 0.2>> <<set $rylan_Confidence += 2>> <<set $rylan_combatExperience += 1>> 🎯 Willpower increased by 0.3! ⚔️ Technique increased by 0.2! ✨ Combat Experience gained! <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblin band breaks formation, their earlier confidence shattered. The hobgoblin leader barks orders in their guttural language, organizing a fighting retreat. Their movements are still dangerous - cornered creatures often fight the hardest.</p> <center><img src="images/serin/poses/flexingarms.webp" style="max-width: 400px;"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin maintains combat readiness, her muscles tensed for any sudden moves. <span class="dialog-serin">"Don't let your guard down yet..."</span> Her eyes track their movement with predatory focus. <span class="dialog-serin">"Sometimes retreat is just bait for a counter-attack."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's magic remains active, creating a subtle barrier between the party and the retreating goblins. <span class="dialog-liora">"They're still dangerous... perhaps more so now that they're desperate."</span> Her experienced gaze notes details about their behavior. <span class="dialog-liora">"Watch for thrown weapons or last-minute charges."</span></p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 20px 0;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Let them retreat->ForestNode_letRetreat]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Press the advantage->ForestNode_pressAdvantage]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Cover the retreat->ForestNode_coverRetreat]]</div> </div> </div> </div>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party maintains their defensive posture but allows the goblins to withdraw. It's a calculated decision - forcing a cornered enemy to fight could lead to unnecessary risks and injuries.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin keeps her guard up but nods approvingly. <span class="dialog-serin">"Smart choice. No need to risk injury when we've already won the tactical advantage."</span> Her stance remains ready but relaxed. <span class="dialog-serin">"They'll think twice before causing trouble in this area again."</span></p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>><<set _baseGain = 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The tense situation highlights Serin's professional demeanor, her confident control of the situation adding an unexpected layer of appeal to her commanding presence.</p> </div> <<set $rylan_Lust += 1>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora maintains her protective magic until the goblins are well out of range. <span class="dialog-liora">"That was well handled... showing strength without unnecessary violence."</span> She smiles warmly. <span class="dialog-liora">"Sometimes mercy can be its own victory."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblins disappear into the forest, their retreat hasty but orderly enough to suggest they've learned a valuable lesson about challenging well-prepared adventurers.</p> </div> <<set $rylan_combatStats.willpower += 0.3>> <<set $rylan_combatStats.technique += 0.1>> <<set $rylan_Confidence += 2>> <<set $rylan_combatExperience += 1>> 🎯 Willpower increased by 0.3! ⚔️ Technique increased by 0.1! ✨ Combat Experience gained! <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/kicking.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party moves to press their advantage, not willing to let the goblins potentially regroup and cause trouble later. Their coordinated advance forces the goblins to retreat in disarray, dropping supplies and weapons in their haste.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's movements are precise and intimidating, her athletic form radiating controlled power. <span class="dialog-serin">"That's right - show them what happens when they pick the wrong targets!"</span> She kicks aside a dropped weapon. <span class="dialog-serin">"Make sure they remember this lesson!"</span></p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>> <<set $serin_DominanceFetish += _baseGain * _serinDomBonus>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's dominant display of power is captivating, her confident pursuit of the retreating enemy adding an intense energy to the moment.</p> </div> <<set $rylan_Lust += 1>> <<set $serin_Lust += 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora moves with the group, her magic ready for any desperate counter-attacks. <span class="dialog-liora">"Be careful... but yes, they need to learn this area is well protected."</span> Her normally gentle demeanor carries a hint of steel.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblins flee in complete disorder, leaving behind their supplies and any thought of maintaining their territory. The message is clear - this part of the forest is no longer their hunting ground.</p> </div> <<set $rylan_combatStats.physicalPower += 0.3>> <<set $rylan_combatStats.technique += 0.2>> <<set $rylan_Confidence += 3>> <<set $rylan_combatExperience += 2>> 💪 Physical Power increased by 0.3! ⚔️ Technique increased by 0.2! ✨ Combat Experience gained! <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/flexingarms.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party takes up defensive positions, ensuring the goblins can retreat without feeling too threatened. It's a professional approach - maintaining pressure while avoiding the risks of desperate last stands.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin positions herself with tactical precision, her presence both threatening and controlled. <span class="dialog-serin">"Good thinking. Keep them moving but don't make them feel trapped."</span> Her stance is perfectly balanced between aggression and restraint. <span class="dialog-serin">"A clean withdrawal means less chance of nasty surprises."</span></p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The controlled situation showcases Serin's professional expertise, her balanced approach between strength and restraint creating an impressive display of martial discipline.</p> </div> <<set $rylan_Lust += 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's magic creates a subtle barrier, guiding the goblins' retreat path. <span class="dialog-liora">"This way we can control their withdrawal..."</span> Her magic pulses softly, herding rather than threatening. <span class="dialog-liora">"Less chance of accidents or desperate measures."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblins take the opportunity to withdraw in good order, maintaining enough dignity to make future encounters less likely to be driven by revenge. It's a professional resolution to a potentially dangerous situation.</p> </div> <<set $rylan_combatStats.technique += 0.3>> <<set $rylan_combatStats.willpower += 0.2>> <<set $rylan_Confidence += 2>> <<set $rylan_combatExperience += 1>> ✨ Combat Experience gained! <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt->ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div> </div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's eyes light up at the tactical approach. <span class="dialog-serin">"Now you're thinking like a proper adventurer."</span> She moves with practiced stealth, her athletic form fluid and silent. <span class="dialog-serin">"Follow my lead, and watch your footing."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora nods in agreement, her magic dimming to avoid detection. <span class="dialog-liora">"I can mask our presence somewhat..."</span> Her hands weave subtle patterns in the air. <span class="dialog-liora">"But we'll need to be careful with timing."</span></p> <div style="clear: left;"></div> </div> <<set _sneakRoll = random(1, 100)>><<if _sneakRoll <= ($rylan_combatStats.agility * 5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party manages to circle around the goblin band undetected. Their careful movement and Liora's magic keep them hidden as they find a better position.</p> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanMusBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set $rylan_MuscleFetish += _baseGain * _rylanMusBonus>> <<set $rylan_Lust += 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The close coordination required brings an unexpected awareness of Serin's athletic grace.</p> </div> <</if>> <div style="text-align: center; margin: 20px 0;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Take them by surprise->ForestNode_goblinAmbush]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Slip away quietly->ForestNode_goblinEvade]]</div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A loose stone shifts under someone's foot, the small sound seeming impossibly loud in the tense silence. The goblin leader's ears twitch, and he barks a warning to his band.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><span class="dialog-serin">"So much for stealth!"</span> Serin shifts smoothly into a combat stance. <span class="dialog-serin">"Plan B it is!"</span></p> </div> <div style="text-align: center; margin: 20px 0;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; margin: 5px; min-width: 200px;">[[Stand and fight->ForestNode_goblinFight]]</div> </div> <</if>> </div> </div>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<set _serinLioraAllowed = ($serin_LesbianValue > 0 && $liora_LesbianValue > 0)>> <<set _serinLioraIntimate = ($serin_LesbianValue > 30 && $liora_LesbianValue > 30)>> <<set _serinLioraAttraction = ($serin_LioraAttraction > 20 && $liora_SerinAttraction > 20)>> <<set _lustOverride = ($serin_Lust > 50 && $liora_Lust > 50)>> <center><img src="images/liora/poses/bendingdown.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Hot Spring"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party discovers a secluded hot spring, steam rising gently from its crystal-clear waters. The natural pool is surrounded by smooth rocks and lush vegetation, creating a peaceful sanctuary in the forest.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh! A natural hot spring... these waters often have healing properties."</span> She kneels to test the temperature, her expression brightening. <span class="dialog-liora">"It's perfect! The minerals could help restore our energy."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"A quick soak would do wonders for tired muscles..."</span> She glances around, assessing the area's defensibility. <span class="dialog-serin">"The spot seems secure enough. We could take turns keeping watch."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Take a relaxing soak</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Enjoy the healing waters.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Take a relaxing soak|ForestNode_hotspring_soak]]</div> </div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Rest nearby</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Stay close to the spring.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Rest nearby|ForestNode_hotspring_rest]]</div> </div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue on</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Skip the spring and move forward.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue on|ForestNode_hotspring_leave]]</div> </div></div> </div></div>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/serin/poses/stretch.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Stretching"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group agrees to take turns, with Serin volunteering for first watch. The hot spring is naturally screened by rocks and foliage, offering privacy while maintaining security.</p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _serinVoyBonus = ($serin_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $serin_VoyeurismFetish += _baseGain * _serinVoyBonus>><<trackFetish "Serin" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">From her vantage point, Serin finds her gaze occasionally drawn to the spring, though she maintains her focus on watching for threats.</p> <div style="clear: left;"></div> </div> <<set $serin_Lust += 3>><<trackLust "Serin" 3>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The warm water works wonders on tired muscles, and the mineral-rich spring seems to have mild healing properties. The party takes turns enjoying the rejuvenating effects while maintaining vigilant watch rotations.</p> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _lioraVoyBonus = ($liora_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $liora_VoyeurismFetish += _baseGain * _lioraVoyBonus>><<trackFetish "Liora" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">During her turn to rest, Liora can't help but notice how the water highlights certain features of her companions.</p> <div style="clear: left;"></div> </div> <<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>> <<set $tempStatBoost = true>> <<set $statBoostDuration = 5>> <<set $rylan_combatStats.vitality += 0.3>><<trackCombatStat "Rylan" "vitality" 0.3>> <<set $rylan_combatStats.willpower += 0.2>><<trackCombatStat "Rylan" "willpower" 0.2>> <<set $rylan_Confidence += 2>><<trackOther "Rylan" "confidence" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">❤️ Vitality increased by 0.3!<br>🎯 Willpower increased by 0.2!<br>✨ Temporary stat boost gained!</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt|ForestHunt]]</div> </div></div> </div></div>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _chanceOfDiscovery = random(1, 100)>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora excuses herself to "meditate," her voice shaky with barely-contained need. She retreats to a quiet spot, her magic crackling with uncontrolled energy.</p> <div style="clear: left;"></div> </div> <<if _chanceOfDiscovery <= 30>><<if _serinLioraAllowed && $serin_LesbianValue > 20>><<if $serin_DominanceFetish > 30 && $serin_Lust >= 70>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's athletic form emerges from the shadows, her usual playful demeanor replaced by raw dominance. Her eyes lock onto Liora's vulnerable state.</p> <<set $serin_Lust += 10>><<trackLust "Serin" 10>><<set $serin_DominanceFetish += 0.3>><<trackFetish "Serin" "Dominance" 0.3>> <div style="clear: left;"></div> </div> [[Submit to Serin|ForestNode_serinDominatesLiora]] <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin, concerned about Liora's strange behavior, follows - only to find a very different kind of meditation.</p> <<set $serin_Lust += 10>><<trackLust "Serin" 10>> <<set $serin_LioraAttraction += 0.5>><<trackAttraction "Serin" "Liora" 0.5>> <<set $serin_LesbianValue += 0.3>><<trackOther "Serin" "lesbianValue" 0.3>> <div style="clear: left;"></div> </div> <</if>><<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>>, worried about her state, accidentally witnesses her private moment.</p> <<set $rylan_Lust += 10>><<trackLust "Rylan" 10>> <div style="clear: left;"></div> </div> <</if>><</if>><<set $liora_Lust = 0>><<trackLust "Liora" -90>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Camp</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the rest area.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to camp|ForestNode_rest]]</div></div></div> </div> </div> <</nobr>>

<<nobr>> <<set _eventRoll = random(1, 100)>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _serinLioraAllowed = ($serin_LesbianValue > 0 && $liora_LesbianValue > 0)>> <<set _serinLioraIntimate = ($serin_LesbianValue > 30 && $liora_LesbianValue > 30)>> <<set _serinLioraAttraction = ($serin_LioraAttraction > 20 && $liora_SerinAttraction > 20)>> <<set _lustOverride = ($serin_Lust > 50 && $liora_Lust > 50)>> <<set _rylanHighLust = $rylan_Lust >= 90>> <<set _serinHighLust = $serin_Lust >= 90>> <<set _lioraHighLust = $liora_Lust >= 90>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party finds a relatively safe spot to catch their breath. A small clearing surrounded by ancient trees provides natural shelter, while the gentle rustling of leaves and soft forest sounds create a calming atmosphere.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin surveys the area with practiced eyes. <span class="dialog-serin">"Good spot. Those old trees will keep us hidden, and there's only two main approaches to watch."</span> She rolls her shoulders, working out the tension from recent fights.</p> <div style="clear: left;"></div> </div> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>><<if random(1, 100) <= _baseThreshold>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's gaze follows the fluid movement of Serin's shoulders, her healing magic flickering slightly with her distraction.</p> <div style="clear: left;"></div> </div> <<set $liora_Lust += 1>><<trackLust "Liora" 1>><<set $liora_SerinAttraction += 0.1>><<trackAttraction "Liora" "Serin" 0.1>><</if>><</if>> <center><img src="images/liora/poses/healingbreasts.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora healing"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora settles gracefully on a fallen log, her hands already glowing with gentle healing magic. <span class="dialog-liora">"Please, let me tend to everyone while we rest..."</span></p> <div style="clear: left;"></div> </div> <<for _char range ["Rylan", "Serin", "Liora"]>><<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>><<set _stats.currentHealth = Math.min(_stats.maxHealth, _stats.currentHealth + Math.floor(_stats.maxHealth * 0.3))>><<set _stats.currentStamina = Math.min(_stats.maxStamina, _stats.currentStamina + Math.floor(_stats.maxStamina * 0.3))>><</for>><<if _eventRoll <= 30>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin takes advantage of the break to do some quick exercises, her athletic form moving with practiced grace. She flows through a series of combat stances, each movement precise and controlled despite her apparent fatigue.</p> <span class="dialog-serin">"Can't let our guard down just because we're resting."</span> She transitions into a complex kick sequence. <span class="dialog-serin">"Want to join me, <<print $humanName>>? Nothing better than active recovery."</span> <div style="clear: left;"></div> </div> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>><<if random(1, 100) <= _baseThreshold>> Liora's healing magic wavers slightly as she watches Serin's graceful movements, her professional demeanor briefly slipping.<<set $liora_Lust += 2>><<trackLust "Liora" 2>><<set $liora_SerinAttraction += 0.2>><<trackAttraction "Liora" "Serin" 0.2>><</if>><</if>><<if _serinLioraIntimate && _serinLioraAttraction>><<if random(1, 100) <= _baseThreshold>> During a pause in her routine, Serin catches Liora's lingering gaze, a knowing smile playing at her lips. <<set $serin_Lust += 2>><<trackLust "Serin" 2>><<set $liora_Lust += 2>><<trackLust "Liora" 2>><<set $serin_LioraAttraction += 0.2>><<trackAttraction "Serin" "Liora" 0.2>><<set $liora_SerinAttraction += 0.2>><<trackAttraction "Liora" "Serin" 0.2>><</if>><</if>><<if random(1, 100) <= _baseThreshold>><<set _baseGain = 0.2>> <<print $humanName>> finds his gaze drawn to the way Serin's muscles flex with each movement, her form a perfect blend of power and grace.<<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $rylan_MuscleFetish += _baseGain>><<trackFetish "Rylan" "Muscle" _baseGain>><</if>><<set $rylan_combatStats.technique += 0.1>><<trackCombatStat "Rylan" "technique" 0.1>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> 🎯 Technique increased by 0.1! <<elseif _eventRoll <= 60>><center><img src="images/liora/poses/healingbreasts.webp" style="max-width: 400px;"></center> Liora takes the opportunity to practice her healing magic, the soft glow illuminating her gentle features. She guides <<print $humanName>> through some basic healing techniques, her hands occasionally brushing against his as she demonstrates proper energy flow. <span class="dialog-liora">"Feel how the magic resonates differently with each type of injury?"</span> Her voice is soft but enthusiastic. <span class="dialog-liora">"Understanding this can help you use healing items more effectively..."</span> <<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>><<if random(1, 100) <= _baseThreshold>> Serin watches the healing demonstration with unusual focus, her usual restlessness momentarily forgotten.<<set $serin_Lust += 2>><<trackLust "Serin" 2>><<set $serin_LioraAttraction += 0.2>><<trackAttraction "Serin" "Liora" 0.2>><</if>><</if>><<if _serinLioraIntimate && _serinLioraAttraction>><<if random(1, 100) <= _baseThreshold>> When it's Serin's turn for healing, the warrior's usual bravado softens under Liora's gentle touch. <<set $serin_Lust += 2>><<trackLust "Serin" 2>><<set $liora_Lust += 2>><<trackLust "Liora" 2>><<set $serin_LioraAttraction += 0.2>><<trackAttraction "Serin" "Liora" 0.2>><<set $liora_SerinAttraction += 0.2>><<trackAttraction "Liora" "Serin" 0.2>><</if>><</if>><center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> Serin watches from her guard position, occasionally rolling her shoulders as Liora's healing magic eases their battle fatigue. <span class="dialog-serin">"I'll never understand all that magical theory, but I can't argue with the results."</span> <<if random(1, 100) <= _baseThreshold>><<set _baseGain = 0.2>> The warmth of Liora's magic seems to linger on <<print $humanName>>'s skin, her close proximity making it hard to focus on the lesson. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><</if>><<set $rylan_combatStats.willpower += 0.2>><<trackCombatStat "Rylan" "willpower" 0.2>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> 🎯 Willpower increased by 0.2! <<else>> The party takes the opportunity to catch their breath properly. The afternoon heat has made everyone a bit sweaty from the earlier fights, creating a strangely intimate atmosphere in their shared rest. <center><img src="images/serin/poses/stretch.webp" style="max-width: 400px;"></center> Serin pulls out a waterskin, taking a long drink before passing it around. <span class="dialog-serin">"Stay hydrated, everyone. Heat exhaustion's as dangerous as any monster."</span> She wipes her brow, her skin glistening with a fine sheen of sweat.<<if _serinLioraAllowed && (_serinLioraAttraction || _lustOverride)>><<if random(1, 100) <= _baseThreshold>> Liora's cheeks flush deeper than the heat would explain as she watches Serin cool off. <<set $liora_Lust += 2>><<trackLust "Liora" 2>> <<set $liora_SerinAttraction += 0.2>><<trackAttraction "Liora" "Serin" 0.2>> <</if>> <</if>> Liora accepts the waterskin with a grateful nod, her face flushed from exertion. <span class="dialog-liora">"The forest air is so thick today..."</span> <<if _serinLioraIntimate && _serinLioraAttraction>> <<if random(1, 100) <= _baseThreshold>> The shared waterskin creates moments of indirect intimacy between Serin and Liora, their gazes meeting with unspoken intensity. <<set $serin_Lust += 3>><<trackLust "Serin" 3>> <<set $liora_Lust += 3>><<trackLust "Liora" 3>> <<set $serin_LioraAttraction += 0.3>><<trackAttraction "Serin" "Liora" 0.3>> <<set $liora_SerinAttraction += 0.3>><<trackAttraction "Liora" "Serin" 0.3>> <</if>> <</if>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charLustMod = Math.floor(State.variables[_char.toLowerCase() + "_Lust"] / 20) * -5>> <<set _charCorruptionMod = Math.floor(State.variables[_char.toLowerCase() + "_corruption"] / 20) * -10>> <<set _charFinalThreshold = _baseThreshold + _charLustMod + _charCorruptionMod>> <<if random(1, 100) <= _charFinalThreshold>> <<set _baseGain = 0.1>><<if _char === "Rylan">> <<print $humanName>> notices the faint scent of Serin's exertion mixing with Liora's herbal fragrance, creating an unexpectedly distracting combination. <<set $rylan_Lust += 1>><<trackLust "Rylan" 1>> <<set $rylan_SmellFetish += _baseGain>><<trackFetish "Rylan" "Smell" _baseGain>> <<elseif _char === "Serin">> Serin finds herself oddly aware of the others' presence in the warm air, their shared exertion creating an almost palpable tension. <<set $serin_Lust += 1>><<trackLust "Serin" 1>><<set $serin_SmellFetish += _baseGain>><<trackFetish "Serin" "Smell" _baseGain>><<else>> Liora tries not to focus on the intimate atmosphere of the shared rest, but the close proximity makes it difficult. <<set $liora_Lust += 1>><<trackLust "Liora" 1>><<set $liora_SmellFetish += _baseGain>><<trackFetish "Liora" "Smell" _baseGain>><</if>><</if>><</for>> <<set $rylan_combatStats.stamina += 0.1>><<trackCombatStat "Rylan" "stamina" 0.1>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> ⚡ Stamina increased by 0.1! <</if>> <<if $rylan_combatStats.currentHealth < ($rylan_combatStats.maxHealth * 0.5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"You're looking pretty rough there, <<print $humanName>>. Take it easy for a moment."</span> Serin's usual teasing tone carries a note of genuine concern. <span class="dialog-liora">"Please let me check those wounds..."</span> <div style="clear: left;"></div> </div> <<elseif $serin_combatStats.currentHealth < ($serin_combatStats.maxHealth * 0.5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Serin... please let me check those wounds..."</span> Liora's hands already glow with healing magic. <span class="dialog-serin">"Just a scratch, but if you insist..."</span> <div style="clear: left;"></div> </div> <<elseif $liora_combatStats.currentHealth < ($liora_combatStats.maxHealth * 0.5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Hey, Liora, you've been pushing yourself too hard. Rest up."</span> Serin moves closer protectively. <span class="dialog-liora">"I'm fine... others need the healing more..."</span> <div style="clear: left;"></div> </div> <</if>> <<if _rylanHighLust>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The heat and exhaustion make it nearly impossible for <<print $humanName>> to focus, his body burning with need. Every small movement or scent threatens to push him over the edge.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin-top: 20px;"> [[Find a private moment|ForestNode_rylanRelease]] </div> <<elseif $rylan_Lust >= 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite the rest, <<print $humanName>> finds it increasingly difficult to maintain composure, the presence of his companions creating an almost unbearable tension.</p> <div style="clear: left;"></div> </div> <</if>> <<if _serinHighLust>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's usual confident demeanor cracks slightly, her breathing heavy and movements tense with barely-contained need. She keeps glancing toward the denser part of the forest.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin-top: 20px;"> [[Serin excuses herself|ForestNode_serinRelease]] </div> <<elseif $serin_Lust >= 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin shifts restlessly, her movements carrying an unusual tension despite the peaceful moment.</p> <div style="clear: left;"></div> </div> <</if>> <<if _lioraHighLust>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's magic flickers erratically as she struggles to maintain focus, her face deeply flushed and breathing uneven. She seems to be having trouble sitting still.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin-top: 20px;"> [[Liora needs space|ForestNode_lioraRelease]] </div> <<elseif $liora_Lust >= 50>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's cheeks remain flushed, her healing magic wavering slightly with her distraction.</p> <div style="clear: left;"></div> </div> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Keep exploring the forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue exploring|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set _chanceOfDiscovery = random(1, 100)>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Unable to resist any longer, <<print $humanName>> quietly excuses himself to "scout the perimeter." Finding a secluded spot behind thick foliage, he finally gives in to his overwhelming need.</p> <div style="clear: left;"></div> </div> <<if _chanceOfDiscovery <= 30>><<if $serin_Lust > $liora_Lust>><<if $serin_DominanceFetish > 30 && $serin_Lust >= 70>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A twig snaps - Serin stands at the edge of the clearing, her usual teasing replaced by raw hunger. Her athletic form radiates dominant energy as she approaches.</p> <div style="clear: left;"></div> </div> <<set $serin_Lust += 10>><<trackLust "Serin" 10>> <<set $serin_DominanceFetish += 0.3>><<trackFetish "Serin" "Dominance" 0.3>> <div style="text-align: center; margin: 20px 0;"> [[Submit to Serin|ForestNode_serinDominates]] </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A twig snaps - Serin stands frozen at the edge of the clearing, her own tension momentarily forgotten as she takes in the scene.</p> <div style="clear: left;"></div> </div> <<set $serin_Lust += 10>><<trackLust "Serin" 10>> <<set $serin_VoyeurismFetish += 0.3>><<trackFetish "Serin" "Voyeurism" 0.3>> <</if>><<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A soft gasp reveals Liora's presence - she had come to gather herbs, only to stumble upon a very different scene.</p> <div style="clear: left;"></div> </div> <<set $liora_Lust += 10>><<trackLust "Liora" 10>> <<set $liora_VoyeurismFetish += 0.3>><<trackFetish "Liora" "Voyeurism" 0.3>> <</if>> <</if>> <<set $rylan_Lust = 0>><<trackLust "Rylan" -90>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Camp</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Go back to the rest area.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to camp|ForestNode_rest]]</div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "afternoon">> <<set _chanceOfDiscovery = random(1, 100)>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.8), rgba(0, 100, 0, 0.9)); border-radius: 15px; padding: 30px; margin: 20px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.3); overflow: hidden;"> <div class="scene-interior" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 25px; min-height: 500px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin mutters something about "checking the perimeter" and disappears into the denser part of the forest. Her usual grace is compromised by urgency.</p> <div style="clear: left;"></div> </div> <<if _chanceOfDiscovery <= 30>><<if _serinLioraAllowed && $liora_LesbianValue > 20>><<if $liora_DominanceFetish > 30 && $liora_Lust >= 90>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's normally gentle presence shifts dramatically. Her magic crackles with barely contained need as she approaches Serin.</p> <<set $liora_Lust += 10>><<trackLust "Liora" 10>><<set $liora_DominanceFetish += 0.3>><<trackFetish "Liora" "Dominance" 0.3>> <div style="clear: left;"></div> </div> [[Submit to Liora|ForestNode_lioraDominates]] <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora, who had followed to ensure Serin's safety, finds herself rooted to the spot, unable to look away.</p> <<set $liora_Lust += 10>><<trackLust "Liora" 10>><<set $liora_SerinAttraction += 0.5>><<trackAttraction "Liora" "Serin" 0.5>><<set $liora_LesbianValue += 0.3>><<trackOther "Liora" "lesbianValue" 0.3>> <div style="clear: left;"></div> </div> <</if>><<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>>, checking the area's security, accidentally stumbles upon the scene.</p> <<set $rylan_Lust += 10>><<trackLust "Rylan" 10>> <div style="clear: left;"></div> </div> <</if>><</if>><set $serin_Lust = 0>><<trackLust "Serin" -90>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Camp</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the rest area.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to camp|ForestNode_rest]]</div></div></div> </div> </div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<if not $rylan_Lust>><<set $rylan_Lust = 0>><</if>><<if not $rylan_corruption>><<set $rylan_corruption = 0>><</if>><<if not $rylan_MuscleFetish>><<set $rylan_MuscleFetish = 0>><</if>><<if not $rylan_DominanceFetish>><<set $rylan_DominanceFetish = 0>><</if>><<if not $liora_VoyeurismFetish>><<set $liora_VoyeurismFetish = 0>><</if>><<if not $rylan_Confidence>><<set $rylan_Confidence = 0>><</if>><<if not $rylan_SerinAffection>><<set $rylan_SerinAffection = 0>><</if>><<if not $serin_RylanAffection>><<set $serin_RylanAffection = 0>><</if>><<if not $rylan_SerinAttraction>><<set $rylan_SerinAttraction = 0>><</if>><<if not $liora_SerinAttraction>><<set $liora_SerinAttraction = 0>><</if>><<if not $serin_LioraAttraction>><<set $serin_LioraAttraction = 0>><</if>><<if not $liora_Lust>><<set $liora_Lust = 0>><</if>><<if not $serin_Lust>><<set $serin_Lust = 0>><</if>><<if not $serin_LesbianValue>><<set $serin_LesbianValue = 0>><</if>><<if not $liora_LesbianValue>><<set $liora_LesbianValue = 0>><</if>><<set _eventRoll = random(1, 100)>><<set _baseThreshold = 35>><<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>><<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>><<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party finds a small training circle - likely left by previous adventurers. Serin's eyes light up at the opportunity for some practice.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/fightingstance.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin in fighting stance"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Perfect! We've got time for some quick drills."</span> Serin cracks her knuckles, already moving into the circle. <span class="dialog-serin">"Nothing better than staying sharp while we're out here."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Training in the field... it's different from the guild grounds, isn't it?"</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Training Opportunity</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Serin wants to practice. What will you do?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Accept her challenge|ForestNode_serinTraining_accept]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Decline politely|ForestNode_serinTraining_decline]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Watch her train|ForestNode_serinTraining_watch]]</div> </div></div> </div></div> <</nobr>>

<<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="forest-shrine-container" style="background: linear-gradient(to bottom, rgba(34,139,34,0.4), rgba(0,100,0,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div class="scene-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> The party discovers an ancient shrine hidden among the trees. Vines have grown over most of the stone structure, but the faint glow of residual holy magic still emanates from within. <center><img src="images/liora/poses/healingbreasts.webp" style="max-width: 400px;"></center> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Liora approaches the shrine with obvious reverence, her healing magic resonating with the sacred energy. <span class="dialog-liora">"This place... it's old, but still blessed. The magic here feels... pure."</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Serin examines the structure with a more practical eye. <span class="dialog-serin">"Looks like it's been here for centuries. Wonder who built it out here in the middle of nowhere."</span> <div style="clear: left;"></div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanVoyBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $rylan_VoyeurismFetish += _baseGain * _rylanVoyBonus>><<trackFetish "Rylan" "Voyeurism" _baseGain>> The way the soft shrine light illuminates Liora's gentle features as she prays creates an almost ethereal scene. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <</if>> <div style="text-align: center; margin-top: 20px;"> [[Pray at the shrine|ForestNode_shrine_pray]] [[Examine the structure|ForestNode_shrine_examine]] [[Rest in the sacred space|ForestNode_shrine_rest]] </div> </div> </div>

<div class="forest-shrine-container" style="background: linear-gradient(to bottom, rgba(34,139,34,0.4), rgba(0,100,0,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div class="scene-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/poses/healingbreasts.webp" style="max-width: 400px;"></center> The party kneels before the ancient altar, each offering their own silent prayers. The sacred energy seems to respond to their sincere devotion, washing over them with gentle warmth. <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Liora leads the prayer, her voice soft but clear. <span class="dialog-liora">"We ask for protection on our journey and wisdom to face what lies ahead..."</span> Her healing magic intertwines with the shrine's holy energy, creating a beautiful display of light. <div style="clear: left;"></div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanVoyBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $rylan_VoyeurismFetish += _baseGain * _rylanVoyBonus>><<trackFetish "Rylan" "Voyeurism" _baseGain>> The sacred light seems to make Liora almost glow, her pious expression both innocent and strangely captivating. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <</if>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Serin, though less religious than her companions, bows her head respectfully. <span class="dialog-serin">"Not really my thing, but... I can feel something here. Something good."</span> <div style="clear: left;"></div> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> <<set _serinExhBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>> <<set $serin_ExhibitionismFetish += _baseGain * _serinExhBonus>><<trackFetish "Serin" "Exhibitionism" _baseGain>> There's something oddly exciting about being watched by the ancient shrine as she pays her respects. <<set $serin_Lust += 1>><<trackLust "Serin" 1>> <</if>> The blessing takes hold, filling each party member with renewed purpose and vitality. The shrine's magic seems to recognize their sincere hearts and good intentions. <<set $rylan_combatStats.willpower += 0.3>><<trackCombatStat "Rylan" "willpower" 0.3>> <<set $rylan_combatStats.focus += 0.2>><<trackCombatStat "Rylan" "focus" 0.2>> <<set $rylan_Confidence += 2>><<trackOther "Rylan" "confidence" 2>> <<set $rylan_blessing += 1>><<trackOther "Rylan" "blessing" 1>> <<set $serin_blessing += 1>><<trackOther "Serin" "blessing" 1>> <<set $liora_blessing += 1>><<trackOther "Liora" "blessing" 1>> 🎯 Willpower increased by 0.3! 👁️ Focus increased by 0.2! ✨ Divine blessing received! <<statSummary>> </div> <div style="text-align: center; margin-top: 30px;"> [[Continue exploring|ForestHunt]] </div> </div>

<div class="forest-shrine-container" style="background: linear-gradient(to bottom, rgba(34,139,34,0.4), rgba(0,100,0,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div class="scene-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/poses/healingbreasts.webp" style="max-width: 400px;"></center> The party settles within the shrine's protective aura, feeling the stress and tension of their journey begin to fade. The sacred space seems to actively repel negative influences, creating a bubble of peace in the dangerous forest. <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Liora's healing magic is enhanced by the shrine's power, allowing her to provide more effective treatment for their accumulated fatigue and minor injuries. <span class="dialog-liora">"The energy here... it's amazing. I can channel so much more healing than usual."</span> <div style="clear: left;"></div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanVoyBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $rylan_VoyeurismFetish += _baseGain * _rylanVoyBonus>><<trackFetish "Rylan" "Voyeurism" _baseGain>> The enhanced healing magic makes Liora's already impressive abilities even more mesmerizing to watch. <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <</if>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Serin takes advantage of the secure environment to properly tend to her equipment, the sacred atmosphere somehow making even maintenance feel like a respectful ritual. <span class="dialog-serin">"This place has good vibes. Even my gear feels lighter here."</span> <div style="clear: left;"></div> <<if random(1, 100) <= _baseThreshold>> <<set _baseGain = 0.1>> <<set _serinExhBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>> <<set $serin_ExhibitionismFetish += _baseGain * _serinExhBonus>><<trackFetish "Serin" "Exhibitionism" _baseGain>> The sense of being in a sacred space while tending to her gear in front of the others adds an unexpected thrill. <<set $serin_Lust += 1>><<trackLust "Serin" 1>> <</if>> <<set _serinLioraAllowed = ($serin_LesbianValue > 0 && $liora_LesbianValue > 0)>> <<set _serinLioraAttraction = ($serin_LioraAttraction > 20 && $liora_SerinAttraction > 20)>> <<if _serinLioraAllowed && _serinLioraAttraction>> <<if random(1, 100) <= _baseThreshold>> The peaceful atmosphere seems to lower usual barriers, allowing for more intimate moments of connection between party members. <<set $serin_Lust += 2>><<trackLust "Serin" 2>> <<set $liora_Lust += 2>><<trackLust "Liora" 2>> <<set $serin_LioraAffection += 0.2>><<trackAffection "Serin" "Liora" 0.2>> <<set $liora_SerinAffection += 0.2>><<trackAffection "Liora" "Serin" 0.2>> <</if>> <</if>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _stats.currentHealth = _stats.maxHealth>> <<set _stats.currentStamina = _stats.maxStamina>> <<set _stats.currentFocus = _stats.maxFocus>> <</for>> <<set $rylan_combatStats.vitality += 0.2>><<trackCombatStat "Rylan" "vitality" 0.2>> <<set $rylan_combatStats.willpower += 0.2>><<trackCombatStat "Rylan" "willpower" 0.2>> <<set $rylan_Confidence += 2>><<trackOther "Rylan" "confidence" 2>> ❤️ Vitality increased by 0.2! 🎯 Willpower increased by 0.2! 💚 Fully restored! <<statSummary>> </div> <div style="text-align: center; margin-top: 30px;"> [[Continue exploring|ForestHunt]] </div> </div> <<changeFace $currentRylanFace>>

<<nobr>> <<set $currentFace = $currentRylanFace>> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party finds a small clearing perfect for a quick training session.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/fightingstance.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Fighting Stance"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"This is a perfect spot to practice! Come on, <<print $humanName>>, show me what you've got!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin takes a fighting stance, her athletic form radiating confidence.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Training</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Training Options</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you train?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Accept the challenge|ForestNode_sparring]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Watch and learn|ForestNode_observing]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Suggest group practice|ForestNode_groupTraining]]</div></div></div> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <<set _sparRoll = random(1, 100)>> <<if _sparRoll <= ($rylan_combatStats.technique * 5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> manages to hold his own against Serin's quick attacks, even landing a few solid counters.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/flexingarms.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Flexing Arms"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Not bad at all!"</span> Serin grins, wiping sweat from her brow. <span class="dialog-serin">"You're getting better!"</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanMusBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set $rylan_MuscleFetish += _baseGain * _rylanMusBonus>> <<set $rylan_Lust += 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The close combat training leaves <<print $humanName>> very aware of Serin's athletic form.</p> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_combatStats.technique += 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">⚔️ <<print $humanName>>'s technique increased by 0.1!</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">💝 Serin → <<print $humanName>>: +2</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin proves too quick, easily outmaneuvering <<print $humanName>>'s attacks.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/kicking.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Kicking"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Keep your guard up!"</span> She demonstrates the proper stance, her body glistening with exertion. <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanSmellBonus = ($rylan_naturalTendencies ?? []).includes("smell") ? 1.5 : 1>> <<set $rylan_SmellFetish += _baseGain * _rylanSmellBonus>> <<set $rylan_Lust += 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The scent of Serin's sweat proves... distracting.</p> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_combatStats.physicalPower += 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">💪 <<print $humanName>>'s physical power increased by 0.1!</p> <div style="clear: left;"></div> </div> <</if>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt|ForestHunt]]</div></div></div> </div></div> <</nobr>>

<<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3'); <</script>> <<nobr>> <<set _eventRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The party makes their way through a particularly treacherous section of the forest, where gnarled roots create natural hazards beneath the leaf litter.</p> <center><img src="images/liora/poses/bendingdown.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora Bending Down"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora pauses to examine some interesting plants along the path, her attention focused on a particularly unusual specimen. As she steps forward for a closer look, her foot catches on a hidden root.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/liora/poses/tripped.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora Tripped"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Time seems to slow as she loses her balance, a small gasp escaping her lips as she begins to fall forward. Her healing staff starts to slip from her grasp.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Liora is falling!</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Try to catch her|ForestNode_catchLiora]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Let Serin handle it|ForestNode_serinHelps]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Call out a warning|ForestNode_warnLiora]]</div></div></div> </div></div> <</nobr>>

<<script>> window.AudioSystem.playBGM('forestofthebeginning.mp3'); <</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <<set _catchRoll = random(1, 100)>> <<if _catchRoll <= ($rylan_combatStats.agility * 5)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">With reflexes honed by combat training, <<print $humanName>> lunges forward. His arms wrap securely around Liora's waist, while his other hand catches her staff before it can clatter to the ground.</p> <center><img src="images/liora/poses/bendingdown.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora Bending Down"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">For a moment, they're frozen in an almost dance-like pose, Liora's back pressed against his chest, her warmth evident through her robes. Her breath comes in quick, startled gasps.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Th-thank you..."</span> Her voice is barely above a whisper, cheeks flushed pink. <span class="dialog-liora">"That could have been... quite unfortunate."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/flexingarms.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Flexing Arms"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Nice catch, hero. Those reflexes are definitely improving."</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set $rylan_Lust += 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The intimate contact sends an unexpected warmth through <<print $humanName>>'s body, Liora's subtle scent of herbs and magic lingering even after they separate.</p> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_combatStats.agility += 0.2>> <<set $rylan_Confidence += 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">🏃 Agility increased by 0.2!</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> moves quickly to help, but misjudges either his timing or footing. Instead of a heroic save, they both end up tumbling to the ground, landing in an awkward tangle of robes and limbs.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/flexingarms.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Flexing Arms"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"My heroes..."</span> Serin's amused voice comes from above as she offers both hands to help them up. <span class="dialog-serin">"Though maybe we should work on your grappling technique during training."</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set $rylan_Lust += 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The compromising position and Liora's soft form pressed against him leaves <<print $humanName>> thoroughly flustered.</p> <<set $liora_Lust += 2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's face turns a deep shade of red as they scramble to separate.</p> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_combatStats.agility += 0.1>> <<set $rylan_Confidence -= 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">🏃 Agility increased by 0.1!</p> <div style="clear: left;"></div> </div> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Forest Hunt</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your hunt.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue Forest Hunt|ForestHunt]]</div></div></div> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<nobr>> <<set _restRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <<if $restChoice === "nap">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The soft moss and gentle stream sounds made for a perfect resting spot. <<print $humanName>> found a comfortable position against a tree trunk, his eyes growing heavy in the warm afternoon air.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I'll keep watch,"</span> Serin offered, settling into a crouch nearby. <span class="dialog-serin">"Can't have you getting ambushed in your sleep."</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _serinProtBonus = ($serin_naturalTendencies ?? []).includes("protective") ? 1.5 : 1>> <<set $serin_ProtectiveFetish += _baseGain * _serinProtBonus>> <<trackFetish "Serin" "Protective" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin found herself watching <<print $humanName>>'s peaceful sleeping face, a warm feeling spreading in her chest.</p> <<set $serin_Lust += 2>> <<trackLust "Serin" 2>> <div style="clear: left;"></div> </div> <</if>> <<elseif $restChoice === "practice">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> took advantage of the break to practice some sword forms, the afternoon light glinting off his blade as he moved through the stances.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Your form's improving,"</span> Serin observed, occasionally calling out corrections. <span class="dialog-serin">"Just remember to keep your guard up on the follow-through."</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _lioraVoyBonus = ($liora_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set $liora_VoyeurismFetish += _baseGain * _lioraVoyBonus>> <<trackFetish "Liora" "Voyeurism" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora found herself mesmerized by the practice session, her cheeks coloring slightly.</p> <<set $liora_Lust += 2>> <<trackLust "Liora" 2>> <div style="clear: left;"></div> </div> <</if>> <<set $rylan_confidence += 1>> <<trackOther "Rylan" "confidence" 1>> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group settled into easy conversation, sharing stories and observations about their journey so far.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I've been meaning to ask..."</span> Liora started, then hesitated. <span class="dialog-liora">"How did you choose the shortsword over other weapons?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> explained about learning from his previous mistake with the broadsword, earning understanding nods from his companions.</p> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>> <<set $serin_DominanceFetish += _baseGain * _serinDomBonus>> <<trackFetish "Serin" "Dominance" _baseGain>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin felt a pleasant warmth at his honesty about past failures.</p> <<set $serin_Lust += 1>> <<trackLust "Serin" 1>> <</if>> <<set $serin_RylanAffection += 1>> <<trackAffection "Serin" "Rylan" 1>> <<set $liora_RylanAffection += 1>> <<trackAffection "Liora" "Rylan" 1>> <div style="clear: left;"></div> </div> <</if>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Exploring</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the forest to continue your exploration.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue exploring|ForestHunt]]</div></div></div> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set _baseRylanVoiceRoll = random(1, 100)>><<set _baseLioraSubmissiveRoll = random(1, 100)>><<set _baseSerinDominanceRoll = random(1, 100)>><<set _rylanBaseThreshold = 35>><<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>><<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>><<set _rylanFinalThreshold = _rylanBaseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(139, 120, 93, 0.95), rgba(160, 130, 100, 0.9), rgba(139, 120, 93, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The guild's main hall buzzed with morning activity, adventurers of all ranks gathering around the mission boards or lounging at the scattered tables. As they entered, <<print $humanName>> couldn't help but notice the subtle shift in atmosphere - the way conversations dropped to whispers, the sideways glances, the poorly hidden smirks.</p> <<if random(1, 100) <= _rylanFinalThreshold>><<set $rylan_confidence -= 1>><<trackOther "Rylan" "confidence" -1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The familiar feeling of shame crept up <<print $humanName>>'s spine, making his shoulders tense involuntarily.</p> </div><</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Just ignore them,"</span> Serin muttered, her usual playful tone replaced by something harder as she caught fragments of the whispered conversations. Her hand twitched near her dagger, a protective gesture that didn't go unnoticed. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Isn't that the guy who ran from a goblin?"</span> <span class="dialog-female-npc">"Yeah, and didn't he try to use his father's sword?"</span> <span class="dialog-male-npc">"Heard he couldn't even lift it with both hands..."</span> <<if random(1, 100) <= 35>><<set $serin_RylanAffection += 1>><<trackAffection "Serin" "Rylan" 1>><<set $serin_RylanAttraction += 1>><<trackAttraction "Serin" "Rylan" 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's emerald eyes flashed dangerously as she caught one particularly loud whisperer's gaze, her fingers drumming a warning rhythm on her dagger hilt. The man quickly found something interesting to look at on the ceiling.</p> </div><</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora moved closer to <<print $humanName>>, her presence offering silent support. The whispers seemed to bounce off the walls, each one a reminder of that humiliating day - the weight of Thalor's broadsword dragging him down, his arms trembling just trying to hold it upright, the goblin's mocking laughter before he turned and fled...</p> <<if random(1, 100) <= 35>><<set $liora_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 1>><<set $liora_RylanAttraction += 1>><<trackAttraction "Liora" "Rylan" 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's hand brushed against <<print $humanName>>'s arm, a gentle reminder that not everyone saw him through the lens of that one failure. Her touch carried a warmth that seemed to push back against the cold whispers.</p> </div><</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Behind the polished oak counter, a familiar face brightened at their approach.</p> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Well, if it isn't my favorite troublemakers!"</span> Elena's warm voice carried over the general chatter. Her long ginger hair fell in elegant curls, with a portion tied back in a loose braid. Her cream and brown Victorian dress with its ruffled white blouse and corset-style vest gave her a professional yet approachable appearance. <span class="dialog-female-npc">"Let me guess - someone's here for a retry?"</span> <div style="clear: left;"></div> </div> <center><img src="images/elenor/portrait.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Elena Reception"></center> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>><<set _rylanVoiceBonus = ($rylan_naturalTendencies ?? []).includes("voice") ? 1.5 : 1>><<set $rylan_VoiceFetish += _baseGain * _rylanVoiceBonus>><<trackFetish "Rylan" "Voice" _baseGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Elena's melodic voice sent an unexpected shiver down <<print $humanName>>'s spine.</p> </div> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Elena! Looking radiant as always~"</span> Serin leaned on the counter with practiced ease. <span class="dialog-serin">"And yes, our dear <<print $humanName>> is ready to show everyone what he's really capable of this time."</span> <div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Ah yes, the 'ankle-biting goblin incident',"</span> Elena's eyes twinkled with suppressed mirth. <span class="dialog-female-npc">"I believe that particular mission report mentioned something about, and I quote, 'tactical retreat while screaming'?"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <<print $humanName>> felt his face heat up. <span class="dialog-rylan">"That goblin was unusually aggressive!"</span> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>><<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>><<set $serin_DominanceFetish += _baseGain * _serinDomBonus>><<trackFetish "Serin" "Dominance" _baseGain>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin felt a pleasant warmth watching him get flustered.</p> </div> <<set $serin_Lust += 2>><<trackLust "Serin" 2>><</if>> <div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"And the part about hiding behind Liora while Serin had to finish it off?"</span> <div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"He's trained really hard since then!"</span> Liora interjected, her sudden defense making everyone turn to look at her. She immediately shrank back, a blush coloring her cheeks. <<if random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>><<set _lioraSubBonus = ($liora_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>><<set $liora_SubmissionFetish += _baseGain * _lioraSubBonus>><<trackFetish "Liora" "Submission" _baseGain>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sudden attention made Liora's heart race unexpectedly.</p> </div> <<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>> <div style="clear: left;"></div> </div> <center><img src="images/liora/blushing.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> Elena's expression softened. <span class="dialog-female-npc">"Well, the standard exam is to eliminate five slimes. Usually, we'd want you to team up with other examinees - safety in numbers and all that."</span> She glanced around the hall. <span class="dialog-female-npc">"Though I notice most of the usual candidates are... suddenly very interested in the mission board."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Several would-be party members quickly looked away, suddenly fascinated by various notices on the wall.</p> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Actually,"</span> Serin straightened up, her tone shifting from playful to professional, <span class="dialog-serin">"what if Liora and I went with him? I know it's not standard, but I'm already E-rank, and we've trained together for months."</span> <div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Normally we want examinees to work with other examinees, to test their teamwork with strangers..."</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Come on, Elena,"</span> Serin leaned in closer, lowering her voice. <span class="dialog-serin">"You've seen my solo mission records. And you know how dangerous it can be for Liora and me to take missions alone."</span> <<if random(1, 100) <= 35>> <<set _baseGain = 0.1>><<set _serinProtBonus = ($serin_naturalTendencies ?? []).includes("protective") ? 1.5 : 1>><<set $serin_ProtectiveFetish += _baseGain * _serinProtBonus>><<trackFetish "Serin" "Protective" _baseGain>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The thought of Liora in danger made Serin's protective instincts flare.</p> </div> <<set $serin_Lust += 2>><<trackLust "Serin" 2>><</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> Elena studied them for a long moment, her eyes moving from Serin's determined stance to Liora's hopeful expression to <<print $humanName>>'s nervous but resolute face. <span class="dialog-female-npc">"You know what? You're right."</span> She pulled out an official form and began writing. <span class="dialog-female-npc">"If he passes, you three should consider forming a proper party. You've got a good dynamic, and frankly,"</span> she glanced at Serin with a knowing smile, <span class="dialog-female-npc">"it would make me feel better knowing you're not taking on those 'easy solo missions' that somehow always end up involving angry bears."</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"That was ONE time!"</span> <div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Three times, actually. I do the paperwork, remember?"</span> Elena finished writing and handed over the mission scroll. <span class="dialog-female-npc">"Five slimes, standard size, in the western forest. And <<print $humanName>>?"</span> Her expression turned serious. <span class="dialog-female-npc">"Try not to hide behind anyone this time."</span> <<if random(1, 100) <= 25>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The shared laughter that followed seemed to ease some of the tension, though <<print $humanName>> couldn't help but notice how Serin's hand lingered protectively near Liora's back, or how Liora's eyes kept darting to him with a mix of concern and something else.</p> </div> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Don't worry, Elena! We'll make sure he faces the slimes head-on this time, even if I have to push him myself!"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"That's... not actually reassuring."</span> <div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Um... at least I brought extra... bandages?"</span> <div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Elena watched them head toward the equipment stand, shaking her head with a fond smile. <span class="dialog-female-npc">"Those three..."</span> she murmured to herself, already starting on the paperwork for what promised to be an interesting mission report.</p> <div style="clear: left;"></div> </div> <center><img src="images/elenor/reception.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Elena Portrait"></center> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Guild Mission</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Ready to prove yourself?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Prepare for the Mission->MissionPrep]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <<set $characters["Rylan"].affection["Liora"] += 3>><<trackAffection "Rylan" "Liora" 3>><<set $characters["Rylan"].attraction["Liora"] += 2>><<trackAttraction "Rylan" "Liora" 2>><<set $characters["Liora"].affection["Rylan"] += 3>><<trackAffection "Liora" "Rylan" 3>><<set $characters["Liora"].attraction["Rylan"] += 2>><<trackAttraction "Liora" "Rylan" 2>><<set $rylan_Confidence += 2>><<trackOther "Rylan" "confidence" 2>><<set $liora_Confidence += 2>><<trackOther "Liora" "confidence" 2>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(221, 160, 221, 0.95), rgba(255, 182, 193, 0.9), rgba(221, 160, 221, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As you finally decide to retire for the night, your thoughts keep drifting to one person. Liora, your girlfriend. The whole evening you've been thinking about her, about how happy you are together and how much she means to you.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Before you can talk yourself out of it, you find yourself walking quietly down the hallway toward her room. The house is silent, moonlight filtering through the windows casting long shadows on the floor.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">You knock softly on her door, just barely audible.</p> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"<<print $humanName>>?"</span> comes her gentle voice from within, surprised but pleased. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Liora... I'm sorry to bother you so late. I just... I couldn't sleep. Could we talk for a moment?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's a rustling sound, and after a few moments, the door opens to reveal Liora in her nightgown, her long ash-blonde hair loose around her shoulders. Her blue eyes look up at you with love and concern.</p> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora Embarrassed"> <span class="dialog-liora">"Of course, my love,"</span> she whispers, glancing back into her room. <span class="dialog-liora">"Perhaps... would you like to take a walk? The night air might help clear your mind."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">You nod gratefully, and she quickly throws on a light cloak over her nightgown. Together, you quietly make your way through the house and out into the moonlit garden behind your home.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The night is peaceful, crickets chirping softly in the distance. Stars twinkle overhead, and the moon casts everything in a gentle silver glow. You walk hand in hand along the familiar garden path, enjoying the comfortable intimacy you've shared for months now.</p> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"You seem troubled tonight,"</span> Liora says softly, her fingers intertwining with yours. <span class="dialog-liora">"You should be celebrating after passing your exam today... what's weighing on your mind?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">You stop walking and turn to face her, pulling her gently into your arms. This feels so natural now, so right.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's not really trouble... it's more like excitement mixed with nerves. Tomorrow we start our real adventure together, as a team, as partners in everything."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her eyes soften, and even in the moonlight, you can see the warm smile that lights up her face.</p> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I just wanted to tell you how grateful I am to have you by my side. How much I love you, and how excited I am for our future together."</span> <div style="clear: left;"></div> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora Smile"> <span class="dialog-liora">"Oh, <<print $humanName>>..."</span> she whispers, her voice filled with emotion. <span class="dialog-liora">"You always know exactly what to say to make my heart flutter."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She reaches up to cup your cheek with her free hand, her touch gentle and loving.</p> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I love you too. So much. And tomorrow... tomorrow we'll show everyone just how strong we are together."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Without hesitation, you lean down and she rises up to meet you in a tender kiss. It's soft and sweet, filled with all the love and promise of your relationship.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/poses/hugrylan.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Hug Rylan"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When you part, you rest your foreheads together, both smiling in the moonlight.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I don't know what I did to deserve you,"</span> you whisper. <div style="clear: left;"></div> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora Smile"> <span class="dialog-liora">"You loved me,"</span> she replies simply. <span class="dialog-liora">"And you let me love you back."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">You hold each other there in the moonlit garden, both grateful for the love you've found together. The fears about tomorrow's challenges seem smaller when you're in each other's arms.</p> <div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"We should probably head back inside,"</span> Liora eventually whispers, though she makes no move to step away from your embrace. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Probably,"</span> you agree, but you tighten your arms around her instead. <span class="dialog-rylan">"Just... one more moment."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She laughs softly and snuggles closer to you, content to stay in your arms for as long as you want.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Finally, reluctantly, you both head back inside. At her door, she turns to face you one more time.</p> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora Smile"> <span class="dialog-liora">"Goodnight, my love,"</span> she says softly, rising up to give you one more gentle kiss. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Goodnight, beautiful,"</span> you reply. <span class="dialog-rylan">"Sweet dreams."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As you head back to your own room, you feel content and loved. Tomorrow's adventures seem much more manageable with Liora's love giving you strength.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">You fall asleep with a smile on your face, dreaming of the bright future you and Liora are building together.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Romantic Night</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue the story</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Continue...->SerinSolitude]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Would you... would you like me to do this again sometime? I mean, if you're sore again?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She considers this for a moment, and I can see her weighing the appropriateness against how good it felt.</p> <span class="dialog-mariel">"I... yes, I think I would like that. But perhaps we should keep it between us."</span> <<set $rylan_MarielAffection += 2>><<set $mariel_RylanAffection += 1>><<set $rylan_MarielAttraction += 1>><<set $mariel_RylanAttraction += 1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course. It's just... taking care of family, right?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Right,"</span> she agrees, though something in her voice suggests she's not entirely convinced it's that simple. <span class="dialog-mariel">"Just... family."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she says it makes me think she's starting to feel the same confusion I am about the nature of our relationship.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"You have such skilled hands for someone so young,"</span> she says softly. <span class="dialog-mariel">"I felt things tonight that I haven't felt in... well, in a very long time."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm glad I could help."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"More than help. You made me feel... appreciated. Cared for. It's a wonderful feeling."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The intimate conversation has created a new understanding between us - we both enjoyed this more than we probably should have.</p> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"Sweet dreams, dear. And thank you for a lovely evening."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Evening Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do next?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <<set _backRoll = random(1, 100)>><<set _backThreshold = 65>><<set _lustMod = Math.floor($rylan_Lust / 20) * -10>><<set _finalBackThreshold = _backThreshold + _lustMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Your back probably needs attention too, with all the work you do."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That's true. The lifting and bending does take its toll."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She lies down on her stomach, and I position myself beside her on the bed. The nightgown is thin enough that I can see the outline of her figure beneath, which makes me slightly nervous for reasons I don't fully understand.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Is this okay?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Yes, that's fine. Just... be gentle."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MassagedMariel = true>><<set $rylan_MassagedMarielBack = true>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I begin working on her lower back, and immediately notice how the massage feels different from the shoulders. More intimate somehow, even though it's still perfectly innocent.</p> <<if _backRoll <= _finalBackThreshold>><<set $rylan_Lust += 3>><<set $rylan_MarielAttraction += 1>><<set $mariel_RylanAffection += 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work, I become increasingly aware of her breathing, the way her body relaxes under my touch, the trust she's showing. The nightgown shifts slightly as she moves, and I catch glimpses of skin that make my heart race.</p> </div> <img src="images/mariel/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Wet"> <span class="dialog-mariel">"That feels so good,"</span> she murmurs, and something about the way she says it makes me feel warm all over. <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/1/1.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel BackMassage"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself taking longer than necessary, enjoying the intimate nature of caring for her this way. It's confusing - these feelings aren't what I expected to have.</p> </div> <<else>><<set $rylan_MarielAffection += 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I focus on just helping her feel better, though I can't help but notice how different this feels from a simple shoulder massage.</p> </div> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You have such caring hands,"</span> she says softly. <span class="dialog-mariel">"I feel so much better already."</span> <<set _intimateRoll = random(1, 100)>><<if _intimateRoll <= 30>><<set $rylan_Lust += 2>><<set $mariel_Lust += 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work on a particularly tense spot, she lets out a soft sound that's almost a moan. We both freeze for a moment, the intimate nature of the sound hanging in the air between us.</p> </div> <div style="clear: left;"></div> <img src="images/mariel/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Embarrassed"> <span class="dialog-mariel">"Sorry, that just... that felt really good,"</span> she says, her voice slightly breathless. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's... it's okay. I'm glad it's helping."</span> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the moment has changed something between us, made us both more aware of the situation we're in.</p> </div> <<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The massage continues peacefully, though I'm definitely more conscious of the intimacy than when we started.</p> </div> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"I think that's enough for tonight,"</span> she says, sitting up carefully. <span class="dialog-mariel">"Thank you so much. That was exactly what I needed."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Massage Complete</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What would you like to do?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Ask if she'd like you to do this again sometime|MarielAgainSometime]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Say goodnight and leave|MarielLeave]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <<nobr>> <<set $timeOfDay = "morning">><<set $mariel_ThalorAffection -= 5>><<set $mariel_ThalorAttraction -= 5>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(47, 79, 79, 0.95), rgba(105, 105, 105, 0.9), rgba(47, 79, 79, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/mariel/lookingoutwindow.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel"></center> </div> <div id="thoughtsContainer"></div> <div id="navigation-link" style="text-align: center; margin: 40px 0; opacity: 0; transition: opacity 2s ease-in-out;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Chapter Transition</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Ready for the next chapter?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Begin Chapter 1->BeginChapter1]]</div></div></div> <div id="statSummaryContainer" style="opacity: 0; transition: opacity 2s ease-in-out;"></div> </div></div> <style> .stat-summary, .passage .stat-summary { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute !important; left: -9999px !important; } #statSummaryContainer .stat-summary { display: block !important; visibility: visible !important; position: static !important; height: auto !important; opacity: 1 !important; } #thoughtsContainer p { margin: 25px 0; text-align: center; font-style: italic; } #navigation-link a { font-size: 1.2em; color: #FFEB3B; text-decoration: none; font-weight: bold; padding: 10px 20px; } </style> <<script>> $(document).ready(function() { let statChanges = [ { type: "affection", from: "Mariel", to: "Thalor", amount: -5 }, { type: "attraction", from: "Mariel", to: "Thalor", amount: -5 } ]; $('.stat-summary').remove(); const thoughts = [ '<span class="dialog-mariel">*What happened that day...*</span>', '<span class="dialog-mariel">*It didn\'t just destroy me.*</span>', '<span class="dialog-mariel">*It destroyed him too.*</span>', '<span class="dialog-mariel">*He barely speaks anymore...*</span>', '<span class="dialog-mariel">*When was the last time he looked me in the eyes?*</span>', '<span class="dialog-mariel">*When was the last time he held me?*</span>', '<span class="dialog-mariel">*He travels constantly now. Always finding reasons to be away.*</span>', '<span class="dialog-mariel">*Someone who doesn\'t carry the same memories...*</span>', '<span class="dialog-mariel">*Someone who doesn\'t remind him of what we did.*</span>', '<span class="dialog-mariel">*We were heroes once...*</span>', '<span class="dialog-mariel">*But what kind of heroes murder children?*</span>', '<span class="dialog-mariel">*Neither of us deserves happiness after what we allowed to happen.*</span>', '<span class="dialog-mariel">*At least he still has that innocence...*</span>', '<span class="dialog-mariel">*At least someone in this house still believes in heroes.*</span>', '<span class="dialog-mariel">*Protecting what innocence remains...*</span>', '<span class="dialog-mariel">*That\'s the only redemption I have left.*</span>' ]; const thoughtsContainer = document.getElementById('thoughtsContainer'); let currentThought = 0; function showNextThought() { if (currentThought < thoughts.length) { const thoughtElement = document.createElement('p'); thoughtElement.innerHTML = thoughts[currentThought]; thoughtElement.style.opacity = '0'; thoughtElement.style.transform = 'translateY(20px)'; thoughtElement.style.transition = 'opacity 1.2s ease-in-out, transform 1.2s ease-in-out'; thoughtsContainer.appendChild(thoughtElement); setTimeout(function() { thoughtElement.style.opacity = '1'; thoughtElement.style.transform = 'translateY(0)'; }, 50); currentThought++; setTimeout(showNextThought, 2000); } else { const statSummaryContainer = document.getElementById('statSummaryContainer'); if (statSummaryContainer) { createCustomStatSummary(statSummaryContainer); setTimeout(function() { const navLink = document.getElementById('navigation-link'); if (navLink) navLink.style.opacity = '1'; if (statSummaryContainer) statSummaryContainer.style.opacity = '1'; }, 2000); } } } function createCustomStatSummary(container) { if (!container) return; const summary = document.createElement('div'); summary.className = 'stat-summary'; summary.style.padding = '15px'; summary.style.border = '1px solid rgba(255, 255, 255, 0.2)'; summary.style.borderRadius = '8px'; summary.style.background = 'rgba(0, 0, 0, 0.5)'; summary.style.margin = '20px 0'; const title = document.createElement('h3'); title.innerHTML = '📊 Stat Changes Summary'; title.style.textAlign = 'center'; title.style.color = '#ff69b4'; title.style.marginBottom = '15px'; summary.appendChild(title); const affectionContainer = document.createElement('div'); affectionContainer.style.margin = '10px 0'; affectionContainer.style.padding = '10px'; affectionContainer.style.background = 'rgba(0, 0, 0, 0.3)'; affectionContainer.style.borderRadius = '5px'; const affectionTitle = document.createElement('h4'); affectionTitle.innerHTML = '💗 Affection'; affectionTitle.style.textAlign = 'center'; affectionTitle.style.marginBottom = '10px'; affectionContainer.appendChild(affectionTitle); const affectionEntry = document.createElement('div'); affectionEntry.style.padding = '5px'; affectionEntry.style.margin = '5px 0'; affectionEntry.style.background = 'rgba(50, 50, 50, 0.3)'; affectionEntry.style.borderRadius = '3px'; affectionEntry.innerHTML = '💔 Mariel → Thalor: -5'; affectionContainer.appendChild(affectionEntry); summary.appendChild(affectionContainer); const attractionContainer = document.createElement('div'); attractionContainer.style.margin = '10px 0'; attractionContainer.style.padding = '10px'; attractionContainer.style.background = 'rgba(0, 0, 0, 0.3)'; attractionContainer.style.borderRadius = '5px'; const attractionTitle = document.createElement('h4'); attractionTitle.innerHTML = '💝 Attraction'; attractionTitle.style.textAlign = 'center'; attractionTitle.style.marginBottom = '10px'; attractionContainer.appendChild(attractionTitle); const attractionEntry = document.createElement('div'); attractionEntry.style.padding = '5px'; attractionEntry.style.margin = '5px 0'; attractionEntry.style.background = 'rgba(50, 50, 50, 0.3)'; attractionEntry.style.borderRadius = '3px'; attractionEntry.innerHTML = '💝 Mariel → Thalor: -5'; attractionContainer.appendChild(attractionEntry); summary.appendChild(attractionContainer); container.appendChild(summary); } showNextThought(); }); <</script>> <</nobr>> <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <<set _nostalgiaRoll = random(1, 100)>><<set _nostalgiaThreshold = 65>><<set _attractionMod = Math.floor($rylan_MarielAttraction / 10) * -5>><<set _finalThreshold = _nostalgiaThreshold + _attractionMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Tell me about when you were younger. What was it like?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her expression softens, and she seems relieved to have safer ground to talk about.</p> <span class="dialog-mariel">"Oh, that feels like a lifetime ago. I was... different then."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She draws her knees up slightly, the movement causing her nightgown to shift in ways that make me struggle to focus on her words.</p> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"I was a priestess, you know. So focused on my duties, on being pure and righteous. I thought I had everything figured out."</span> She laughs softly, a sound that seems almost melancholy. <span class="dialog-mariel">"I was so naive."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _nostalgiaRoll <= _finalThreshold>><<set $rylan_SmellFetish += 0.1>><<set $rylan_MarielAttraction += 1>><<set $mariel_RylanAttraction += 1>><<set $rylan_Lust += 2>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As she speaks, she absently adjusts her position, moving closer to me on the bed. The intimate gesture seems unconscious, but it brings more of her scent my way - that intoxicating blend of lavender and something uniquely her.</p> </div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I thought I understood love, desire, passion... but I'd never really experienced any of it. Not until I met your father."</span> Her voice takes on a wistful quality, and I notice her eyes growing distant. <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"He showed me there was more to life than rigid rules and expectations. That sometimes... sometimes you have to follow your heart, even when it leads you somewhere complicated."</span> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she looks at me when she says this makes my stomach flutter. There's something in her eyes that suggests she's not just talking about the past.</p> </div> <<else>><<set $rylan_MarielAffection += 1>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shares some pleasant memories of her youth, keeping the conversation light and appropriate, though I can sense there's more she's not saying.</p> </div> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"But enough about me,"</span> she says, seeming to shake herself from the reverie. <span class="dialog-mariel">"What about you? These confusing feelings you mentioned..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she says it, with genuine concern but also a hint of something else, makes my heart race.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Intimate Conversation</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you share with her?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Tell her about your attraction to women|MarielWomenTalk]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Admit you're confused about family feelings|MarielConfusion]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Say you should go to sleep|MarielLeave]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You deserve to be taken care of. You give so much of yourself to everyone else."</span> <div style="clear: left;"></div> <img src="images/mariel/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Embarrassed"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her eyes well up slightly, and I can see the words have touched her deeply.</p> <span class="dialog-mariel">"I... thank you. Sometimes I forget that I matter too."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 3>><<set $mariel_RylanAffection += 3>><<set $mariel_RylanAttraction += 1>> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"You have such a kind heart, <<print $humanName>>. The way you see people, the way you care... it's special."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You're special. You make everyone around you better just by being yourself."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She reaches out and cups my cheek gently.</p> <span class="dialog-mariel">"When did you become so wise? So caring?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The touch is tender and intimate in a way that makes my breath catch. There's something in her eyes - gratitude mixed with something else I can't quite identify.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"I'm going to remember this night for a long time,"</span> she says softly. <span class="dialog-mariel">"And I hope... I hope we can have more moments like this."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"So do I."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"Sweet dreams, my dear boy. Thank you for reminding me that I'm worth caring for."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Evening Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do next?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I actually enjoyed helping you. It felt good to be able to take care of you for once."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her expression softens, and I see something warm in her eyes.</p> <span class="dialog-mariel">"That's very sweet of you to say. It means a lot to know you think of me that way."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 2>><<set $mariel_RylanAffection += 2>><<set $mariel_RylanAttraction += 1>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You have such gentle hands, and such a caring heart,"</span> she says softly. <span class="dialog-mariel">"Any woman would be lucky to have someone like you looking after her."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she says "any woman" makes me wonder if she's thinking of something specific, but I'm not sure.</p> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I just want you to feel appreciated. You do so much for everyone else."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"And now I know how good it feels to be taken care of."</span> She reaches out and touches my hand briefly. <span class="dialog-mariel">"Thank you for tonight. For everything."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The touch sends a small thrill through me, and I realize our relationship has shifted slightly. There's something different between us now - warmer, more intimate.</p> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"Sweet dreams, dear. And... perhaps we could do this again sometime, if you'd like."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'd like that."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Evening Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do next?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm really glad I could help you feel better. You work so hard for all of us."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her expression grows tender, and she reaches out to touch my hand briefly.</p> <span class="dialog-mariel">"You have such a caring heart, <<print $humanName>>. What you did tonight... it means more than you know."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 2>><<trackAffection "Rylan" "Mariel" 2>><<set $mariel_RylanAffection += 2>><<trackAffection "Mariel" "Rylan" 2>><<set $mariel_RylanAttraction += 1>><<trackAttraction "Mariel" "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The touch sends a small thrill through me, especially knowing my hands still carry her scent from the massage.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You were so... thorough. So attentive to every detail."</span> There's something in the way she says it that makes me wonder if she noticed more than she let on. <span class="dialog-mariel">"I felt completely taken care of."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You deserve to be taken care of."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"And you certainly know how to make a woman feel special,"</span> she says softly, then seems to catch herself. <span class="dialog-mariel">"I mean... you'll make someone very lucky someday."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The slight stumble in her words makes my heart race. Is she thinking of herself when she says that?</p> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Perhaps... perhaps we could do this again when I'm feeling tense. Would you mind?"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Not at all. Anytime you need it."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"Sweet dreams, dear. And thank you for such... personal attention."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I leave her room, I can't shake the feeling that something has definitely changed between us tonight.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Evening Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do next?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 228, 225, 0.95), rgba(255, 182, 193, 0.9), rgba(255, 228, 225, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I think... I think I should probably go to bed. This is getting too complicated."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can see relief and disappointment warring in her expression.</p> <span class="dialog-mariel">"You're probably right, sweetheart. Sometimes the wise thing is the hardest thing."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 1>><<set $mariel_RylanAffection += 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I stand up from the edge of her bed, and she watches me with those emerald eyes that seem to hold secrets I'm not ready to understand. The candlelight catches the golden highlights in her hair, and for a moment I'm struck by how beautiful she looks - and how wrong it feels to notice.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thank you for talking with me,"</span> she says softly. <span class="dialog-mariel">"These conversations... they mean more to me than you know."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I head toward the door, I glance back to see her watching me with an expression I can't quite read. There's tenderness there, but also something else - a yearning that mirrors what I feel but can't name.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Goodnight, <<print $marielToHuman>>."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel Smile"> <span class="dialog-mariel">"Goodnight, my dear boy. Sweet dreams."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close the door softly behind me and make my way back to my room, my mind swirling with confusion about the feelings I'm developing and the way she looked at me tonight. The conversation has left me more unsettled than before, but also strangely exhilarated.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Sleep comes slowly, my dreams filled with lavender scents, soft whispers, and the forbidden warmth of embraces that feel like more than they should.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Your Journey</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Evening Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do next?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 5px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set _smellRoll = random(1, 100)>><<set _smellThreshold = 70>><<set _smellMod = Math.floor($rylan_SmellFetish / 10) * -10>><<set _finalSmellThreshold = _smellThreshold + _smellMod>><<set _lustRoll = random(1, 100)>><<set _lustThreshold = 80>><<set _lustMod = Math.floor($rylan_Lust / 15) * -10>><<set _finalLustThreshold = _lustThreshold + _lustMod>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You mentioned your legs and feet hurt from standing all day. Maybe I should start there?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She hesitates, looking uncertain.</p> <span class="dialog-mariel">"Oh, I... I don't know about that. That seems a bit..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's just a massage. You're always on your feet cooking and cleaning. It makes sense that they'd be sore."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After a moment, she nods reluctantly.</p> <span class="dialog-mariel">"I suppose that's true. But just... just my calves and feet, alright? Nothing higher."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MassagedMariel = true>><<set $rylan_MassagedMarielLegs = true>><<set $rylan_MassagedMarielFeet = true>><<set $rylan_MarielAffection += 1>><<trackAffection "Rylan" "Mariel" 1>><<set $mariel_RylanAffection += 1>><<trackAffection "Mariel" "Rylan" 1>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shifts to lie on her stomach, her nightgown riding up slightly to reveal her bare legs. I position myself at the foot of the bed and gently begin massaging her calves through the thin fabric.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh... that actually does feel nice,"</span> she admits, some of the tension leaving her voice. <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work on her legs, I gradually move down to her feet. The moment I touch them, I'm hit with an unexpected scent - not unpleasant exactly, but definitely... noticeable. The smell of someone who's been on their feet all day.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _smellRoll <= _finalSmellThreshold>><<set $rylan_SmellFetish += 0.2>><<trackFetish "Rylan" "SmellFetish" 0.2>><<set $rylan_Lust += 3>><<trackLust "Rylan" 3>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">At first, my instinct is to pull back. It's not what I expected, and it's definitely not pleasant in the traditional sense. But as I continue massaging, something strange happens. The scent becomes... less offensive. Maybe I'm just getting used to it, or maybe there's something else going on.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself breathing a little deeper, and the smell that initially made me want to stop doesn't seem so bad anymore. In fact, there's something oddly intimate about it - proof of her hard work, her dedication to our family.</p> <<else>><<set $rylan_SmellFetish += 0.1>><<trackFetish "Rylan" "SmellFetish" 0.1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The scent is noticeable but I try to focus on just helping her relax, though I can't help but notice how it affects me in ways I don't quite understand.</p> <</if>> <center><img src="images/mariel/nightactivities/1/footmassage.webp" alt="Mariel Footmassage" width="400"></center> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You don't have to do that if it's unpleasant,"</span> she says softly, clearly aware of the situation. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's fine. I want to help you feel better."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _lustRoll <= _finalLustThreshold>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $rylan_FeetFetish += 0.1>><<trackFetish "Rylan" "FeetFetish" 0.1>><<set $rylan_basicExperience += 1>><<trackExperience "Rylan" "basicExperience" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I continue massaging her feet, I become increasingly aware of the intimate nature of what I'm doing. The scent, the soft skin under my hands, the quiet sounds of contentment she makes - it all combines to create feelings I didn't expect to have during what was supposed to be an innocent massage.</p> <</if>><<set $mariel_Lust += 2>><<trackLust "Mariel" 2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After several minutes, I realize I've completely forgotten about the initial smell. My hands are covered with the scent now, and I find myself faced with a choice.</p> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That feels wonderful, dear. You have gentle hands."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I look down at my hands, now carrying her scent, and feel a strange urge wash over me.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">What will you do?</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose your next action.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Discretely smell your hands|MarielSmellHands]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Try to smell her feet while she's not looking|MarielSmellFeet]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Wonder what's wrong with you for having these thoughts|MarielWhatWrong]]</div></div></div> </div></div> <<changeFace $currentRylanFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Really, it's just a massage. You work so hard taking care of everyone. Let someone take care of you for once."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She considers this for a moment, clearly torn between wanting the relief and feeling uncertain about the appropriateness.</p> <span class="dialog-mariel">"I... I suppose it would be nice. My shoulders have been so tense lately."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Then it's settled. Where would be most comfortable for you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Well, I suppose... here on the bed would be easiest. But just the shoulders and back, alright?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She seems to be trying to convince herself as much as me.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 2>><<trackAffection "Rylan" "Mariel" 2>><<set $mariel_RylanAffection += 2>><<trackAffection "Mariel" "Rylan" 2>><<set $rylan_MarielAttraction += 1>><<trackAttraction "Rylan" "Mariel" 1>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course. Just to help you relax."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She adjusts her position on the bed, sitting with her back to me. The trust she's showing by letting me do this makes my heart race slightly.</p> <span class="dialog-mariel">"I can't believe I'm doing this. It's been so long since anyone..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She trails off, then shakes her head.</p> <span class="dialog-mariel">"Just... be gentle, alright?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something vulnerable about the way she says it that makes me want to take extra care of her.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I will. Where should I start?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She thinks for a moment.</p> <span class="dialog-mariel">"My shoulders are the worst. But honestly, everything aches these days. My back, my legs from standing so much, even my feet."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I realize I get to choose where to focus my attention. This could be just an innocent massage to help her feel better... but there's something about the intimate setting that makes my heart beat a little faster.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">What will you do?</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose your next action.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Start with her shoulders|MarielShoulders]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Offer to massage her legs and feet|MarielLegs]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Ask to massage her back|MarielBack]]</div></div></div> </div></div> <<changeFace $currentRylanFace>>

<<nobr>> <<script>> window.AudioSystem.playBGM('echoesofashes.mp3'); $(document).one(':passagestart', function(ev) { if (ev.passage.name !== 'MarielMemory') { window.AudioSystem.playBGM('default.mp3'); } });<</script>> <<changeFace $currentMarielFace>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.95), rgba(205, 92, 92, 0.9), rgba(139, 69, 19, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The room fades.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel doesn't speak.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She simply remembers.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The air had been thick with blood and smoke. Not the kind that rises from a single fire-but the kind that clings to the lungs, born of magic and death. The Demon King's throne room had collapsed into a smoldering silence, broken only by the distant echoes of dying spells and the crackle of what once was a palace.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Azgorth was dead.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The once-feared Demon King lay slumped against the blackened marble steps, his obsidian crown shattered, his throat opened by a silver blade still embedded in the stone beside him. His eyes-those ancient, burning things-were now dull. Empty.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Beside him lay his wives:</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Lilithia, the First Bride, known for weaving illusions so real they drove men mad. Her hair, like flowing crimson, pooled around her motionless body.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Saphyra, the Crimson Tempest, her claws still twitching faintly in death.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Morrigana, the Silent Witch, her eyes open, her mouth sealed forever in whatever curse she'd been preparing.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Their beauty remained, even in death. Terrible and haunting.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And in the far corner of the shattered throne room, three children huddled together-alive.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Their eyes were wide. Too wide. Staring at everything and nothing.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A maid-burned, bloody, but breathing-lay shielding them, her body curled protectively around the youngest. The other two stood, trembling, barely able to hold each other up.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">One of the surviving maids looked up at the approaching figures. Her voice was shaking, her plea barely a whisper:</p> <span class="dialog-female-npc">"Please... at least spare the children... They're unarmed. They don't even know what they are."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Behind her, Master Gairos stood tall, his once-regal robes torn and charred. His eyes held no pity. Only calculation.</p> <span class="dialog-thalor">"It has to be done. You know what will happen if we leave them. You know what they will become."</span> <span class="dialog-mariel">"Please stop... They're just children..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The eldest of the demon-kin-still but a child-stepped in front of the younger two, his arms outspread. His chest rose and fell with stifled sobs. Even then, he tried to be a shield.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The maid at Mariel's feet reached up with a bloody hand and gripped her robes.</p> <span class="dialog-female-npc">"Please..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And then-</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor's voice, low but unwavering, broke the tension like steel through silence:</p> <span class="dialog-thalor">"Master Gairos... please go outside. Take Mariel with you."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel turned sharply, eyes wide in protest.</p> <span class="dialog-mariel">"Thalor, you can't-!"</span> <div style="clear: left;"></div> </div> <center><img src="images/thalor/throneroom.webp" alt="Thalor throne" style="max-width: 400px; margin: 20px 0;"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But he was already walking forward, unsheathing his sword with a slow, deliberate sound. The same sword that now leans beside the kitchen wall.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The torchlight flickered across his face. And for a moment, Mariel saw not the man she loved, but a soldier.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A warrior prepared to carry the burden she could not.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Everything after that is a blur.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Just light.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Steel.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Screams cut short.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And silence that never truly left her...</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Kitchen</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Back to the present.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|BackToKitchen]]</div></div></div> </div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It was my pleasure. Really."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her smile grows warmer, and I can see the gratitude in her eyes.</p> <span class="dialog-mariel">"You have such a generous heart, <<print $humanName>>. I'm so lucky to have you in my life."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 2>><<trackAffection "Rylan" "Mariel" 2>><<set $mariel_RylanAffection += 3>><<trackAffection "Mariel" "Rylan" 3>><<set $mariel_RylanAttraction += 1>><<trackAttraction "Mariel" "Rylan" 1>><<set $rylan_Confidence += 1>><<trackOther "Rylan" "confidence" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she says it makes something flutter in my chest. There's a warmth in her voice that goes beyond simple gratitude.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You know, I feel so much better now. Both physically and... emotionally."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She pauses, studying my face.</p> <span class="dialog-mariel">"It's been a long time since someone cared for me like that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You deserve to be cared for."</span> <div style="clear: left;"></div> <img src="images/mariel/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Sometimes I wonder... what it would be like to have someone who always puts me first."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She seems to catch herself, blinking as if surprised by her own words.</p> <span class="dialog-mariel">"I'm sorry, I don't know why I said that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You don't have to apologize. Everyone needs that sometimes."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You're very wise for someone so young."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She reaches out and briefly touches my hand.</p> <span class="dialog-mariel">"And very... attentive. I noticed how careful you were with me tonight."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The touch sends a thrill through me. There's something in her eyes that makes me wonder if she's thinking of more than just the massage.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thank you, dear. For everything. I think I'll sleep much better now."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm glad I could help."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I head toward the door, I feel a strange sense of satisfaction. Something has definitely changed between us tonight, and I'm not sure what it means, but I know I liked being able to take care of her.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Sweet dreams, <<print $humanName>>. And... thank you for making me feel special."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Night Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Back to the night activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the night activities|NightActivities]]</div></div></div> </div></div> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I settle onto the edge of her bed, keeping a respectful distance. The situation feels strange - being in her room so late - but not inappropriate. She's like family, after all.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You know,"</span> she says softly, closing her book and setting it aside, <span class="dialog-mariel">"I'm really proud of what you accomplished today. You've grown so much since you first came to us."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MarielAffection += 1>> <<trackAffection "Rylan" "Mariel" 1>> <<set $mariel_RylanAffection += 2>> <<trackAffection "Mariel" "Rylan" 2>> <<set $rylan_Confidence += 1>> <<trackOther "Rylan" "confidence" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words make me feel warm inside. There's something special about having her approval, her recognition of my growth.</p> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I guess I just can't stop thinking about everything. Today, the future, what comes next..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That's perfectly natural. Big changes can be overwhelming."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shifts slightly, and I notice she looks tired. The candlelight catches her face in a way that makes her seem more beautiful than usual.</p> <span class="dialog-mariel">"I've been having trouble sleeping too, actually."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Really? Why?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh, just aches and pains. Being on my feet all day in the kitchen, you know. These old bones aren't what they used to be."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She rubs her shoulder with a wince, and something about the vulnerable gesture tugs at my heart.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I feel a surge of concern for her. She does so much for our household, always taking care of everyone else.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"That's not fair. You do so much for all of us."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"It's what I choose to do, dear. But I appreciate the sentiment."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She smiles at me in a way that makes my chest feel tight.</p> <span class="dialog-mariel">"It means more than you know to hear you say that."</span> <<set $mariel_RylanAffection += 2>> <<trackAffection "Mariel" "Rylan" 2>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">An idea occurs to me.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Would... would it help if I gave you a massage? I mean, just to help you relax. You deserve to be taken care of for once."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh, that's very sweet of you to offer, but... I don't know if that's appropriate."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's just to help you feel better. Nothing weird about it. Just... returning the favor for all you do for us."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Massage Offer</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Insist it's just to help her relax|MarielMassageOffer]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say you understand if she's not comfortable|MarielLeave]]</div></div></div> </div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>><<set $nightVisitedTonight.push("Mariel")>><<set $rylan_MarielAffection += 1>><<trackAffection "Rylan" "Mariel" 1>><<set $mariel_RylanAffection += 1>><<trackAffection "Mariel" "Rylan" 1>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I quietly make my way through the dimly lit hallway toward <<print $marielToHuman>>'s room. The old floorboards creak softly under my feet as I approach her door.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A warm, golden light seeps out from beneath the door frame, and I can hear the soft rustling of pages being turned. She's still awake.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I raise my hand to knock gently, but pause for a moment. What am I hoping to find by visiting her so late at night? My heart pounds as confusing thoughts swirl through my mind.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">*Knock knock*</p> <span class="dialog-mariel">"Come in,"</span> comes her gentle voice from within. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/mariel/nightactivities/1/4.webp" alt="Mariel in nightgown" width="400"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I slowly open the door to find <<print $marielToHuman>> sitting in bed, a thick book resting in her lap. She's wearing a modest white nightgown that somehow still manages to hint at her generous curves beneath. Her golden hair cascades over her shoulders, and the soft candlelight makes her skin seem to glow warmly.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh! <<print $humanName>>, what brings you here so late?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">she asks with a warm smile, though there's a hint of surprise in her emerald eyes.</p> <span class="dialog-mariel">"Couldn't sleep?"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I was restless. I saw the light under your door and thought maybe we could talk?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She hesitates for just a moment, glancing down at her nightgown, then pats the edge of the bed.</p> <span class="dialog-mariel">"Of course, dear. Come sit with me."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I move to sit on the edge of her bed, and immediately catch a subtle scent - lavender mixed with something uniquely her. The mattress dips slightly, and I realize how intimate this setting feels.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You know, you're getting so grown up,"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">she says softly, her voice carrying a note I've never heard before.</p> <span class="dialog-mariel">"Sometimes I still see that little boy, but..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She trails off, studying my face in the candlelight.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">What will you do?</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose your next action.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Continue the conversation|MarielNightTalk]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Thank her and leave|NightActivities]]</div></div></div> </div></div> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Let's start with your shoulders like you mentioned."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That sounds perfect. They've been so tense lately."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I position myself behind her and gently place my hands on her shoulders through the thin fabric of her nightgown. The material is soft, and I can feel the warmth of her skin beneath.</p> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh, that feels wonderful already,"</span> she sighs, some of the tension leaving her voice. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_MassagedMariel = true>><<set $rylan_MassagedMarielShoulders = true>><<set $rylan_MarielAffection += 2>><<trackAffection "Rylan" "Mariel" 2>><<set $mariel_RylanAffection += 2>><<trackAffection "Mariel" "Rylan" 2>><<set $rylan_Lust += 1>><<trackLust "Rylan" 1>><<set $mariel_Lust += 1>><<trackLust "Mariel" 1>><<set $rylan_basicExperience += 1>><<trackExperience "Rylan" "basicExperience" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work on the knots in her shoulders, I find myself noticing things I hadn't before. The way her hair smells faintly of lavender, the soft sounds she makes when I hit a particularly tense spot, the trust she's showing by letting me do this.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You really do have gentle hands. Where did you learn to do this?"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I'm not sure. I just want to help you feel better."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Well, you're doing a wonderful job."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The massage continues in comfortable quiet, both of us focused on the simple act of care. It feels nice to be able to give back to someone who does so much for our family.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/mariel/nightactivities/1/backmassage.webp" alt="Back massage" width="400"></center> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I think that's enough for tonight,"</span> she says eventually, rolling her shoulders to test the results. <span class="dialog-mariel">"Much better. Thank you so much, dear."</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm glad I could help."</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You should get some sleep now. And... thank you. It's been a long time since someone took care of me like that."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">What will you do?</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose your next action.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her she deserves to be taken care of|MarielDeservesCare]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say goodnight and leave|MarielLeave]]</div></div></div> </div></div> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <<set _dareRoll = random(1, 100)>><<set _dareThreshold = 45>><<set _smellMod = Math.floor($rylan_SmellFetish / 10) * -15>><<set _lustMod = Math.floor($rylan_Lust / 15) * -15>><<set _finalDareThreshold = _dareThreshold + _smellMod + _lustMod>> <div class="mariel-smell-feet-container" style="background: linear-gradient(to bottom, rgba(255,228,225,0.3), rgba(255,182,193,0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/mariel/nightactivities/1/feet.webp" alt="Mariel feet" width="400"></center> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The urge is even stronger this time. I want to experience the source directly, not just the lingering scent on my hands.</p> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _dareRoll <= _finalDareThreshold>><<set $rylan_SmelledMarielFeet = true>><<set $rylan_SmellFetish += 0.4>><<trackFetish "Rylan" "Smell" 0.4>><<set $rylan_FeetFetish += 0.2>><<trackFetish "Rylan" "Feet" 0.2>><<set $rylan_Lust += 5>><<trackLust "Rylan" 5>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't resist. While she's relaxed and not paying attention, I lean down slightly, pretending to adjust my position while massaging. The scent is much stronger here - intense, personal, undeniably her.</p> </div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My heart pounds as I breathe it in. This is definitely wrong, but I can't seem to stop myself. There's something about this intimate, forbidden experience that makes my whole body react.</p> </div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Mmm, that pressure feels perfect right there,"</span> she murmurs, completely unaware of what I'm actually doing. <div style="clear: left;"></div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The combination of her innocent praise and the taboo nature of my actions sends a thrill through me that I've never experienced before.</p> </div> <<else>><<set $rylan_SmellFetish += 0.1>><<trackFetish "Rylan" "Smell" 0.1>><<set $rylan_FeetFetish += 0.1>><<trackFetish "Rylan" "Feet" 0.1>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I lean down as if to get a better angle for the massage, but I can't quite bring myself to be so bold. Still, the proximity gives me a stronger sense of her scent, and I find myself breathing a little deeper than necessary.</p> </div><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _caughtRoll = random(1, 100)>><<if _caughtRoll <= 30>><<set $mariel_RylanAffection += 1>><<trackAffection "Mariel" "Rylan" 1>><<set $mariel_Lust += 1>><<trackLust "Mariel" 1>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shifts slightly and glances back.</p> </div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"What are you doing down there, dear?"</span> <div style="clear: left;"></div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My face flushes with embarrassment.</p> </div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Oh, I... I was just trying to get a better angle to work on this knot in your arch."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You're very thorough,"</span> she says with a slight smile, though there's something in her eyes I can't quite read. <span class="dialog-mariel">"I appreciate the attention to detail."</span> <div style="clear: left;"></div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Did she notice? I can't tell for sure, but the way she looks at me suggests she might be more aware than she's letting on.</p> </div><<else>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to be discrete enough that she doesn't notice, though my heart is racing from the close call.</p> </div><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I think that's quite enough for tonight,"</span> she says, sitting up and smoothing down her nightgown. <span class="dialog-mariel">"You've been very... attentive."</span> <div style="clear: left;"></div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's definitely something different in her tone, and I wonder if she suspects more than she's saying.</p> </div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thank you for taking such good care of me. Sweet dreams, dear."</span> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Choose Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Mariel?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her you're glad you could help|MarielGladHelp]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say goodnight quickly and leave|MarielLeave]]</div></div></div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <<set _resistRoll = random(1, 100)>><<set _resistThreshold = 60>><<set _smellMod = Math.floor($rylan_SmellFetish / 10) * -15>><<set _lustMod = Math.floor($rylan_Lust / 20) * -10>><<set _finalResistThreshold = _resistThreshold + _smellMod + _lustMod>> <div style="background: linear-gradient(to bottom, rgba(255,228,225,0.3), rgba(255,182,193,0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to resist the strange urge, but...</p> </div> <center><img src="images/mariel/nightactivities/1/smellhand.webp" alt="Smelling hands" width="400"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _resistRoll <= _finalResistThreshold>><<set $rylan_SmelledMarielHands = true>><<set $rylan_SmellFetish += 0.4>><<trackFetish "Rylan" "Smell" 0.4>><<set $rylan_Lust += 4>><<trackLust "Rylan" 4>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't help myself. When she's not looking, I bring my hands closer to my face, breathing in the scent that clings to my skin. It's her scent - intimate, personal, something no one else gets to experience.</p> </div> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The smell that initially seemed off-putting now seems... intriguing. There's something about it that I can't ignore, something that makes my heart race in ways I don't understand.</p> </div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Um... how are you feeling?"</span> I ask, trying to sound normal while my head spins with these new sensations. <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Much better, thank you. You really do have a talent for this."</span> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I continue the massage, but now I'm acutely aware of every breath, every hint of her scent that reaches me. What started as a simple gesture of kindness has become something much more confusing.</p> </div> <<else>><<set $rylan_SmellFetish += 0.1>><<trackFetish "Rylan" "Smell" 0.1>><<set $rylan_Lust += 1>><<trackLust "Rylan" 1>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to resist the impulse, though I can't deny I'm curious about the scent. I try to focus on just helping her feel better, though the thoughts linger in the back of my mind.</p> </div> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _discoveryRoll = random(1, 100)>><<if _discoveryRoll <= 25>><<set $mariel_RylanAffection += 1>><<trackAffection "Mariel" "Rylan" 1>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She glances back and catches me with my hands near my face.</p> </div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Everything alright, dear?"</span> <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Oh, yes, just... checking if I need to wash my hands or something."</span> <div style="clear: left;"></div> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She smiles warmly. <span class="dialog-mariel">"You're so considerate. Don't worry about it."</span></p> </div> <div style="clear: left;"></div> <<else>> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to be discrete enough that she doesn't notice my moment of weakness.</p> </div> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I think that's enough for tonight,"</span> she says softly, sitting up and adjusting her nightgown. <span class="dialog-mariel">"Thank you so much. I feel much more relaxed."</span> <div style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As she moves, I catch another hint of her scent, and I realize these new feelings aren't going away anytime soon.</p> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You should probably get some sleep now. And... thank you. Really. It's been a long time since someone took care of me like that."</span> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Choose Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Mariel?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her you enjoyed helping her|MarielEnjoyedHelping]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say goodnight and leave|MarielLeave]]</div></div></div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set _selfControlRoll = random(1, 100)>><<set _selfControlThreshold = 50>><<set _lustMod = Math.floor($rylan_Lust / 20) * -15>><<set _smellMod = Math.floor($rylan_SmellFetish / 15) * -10>><<set _finalSelfControlThreshold = _selfControlThreshold + _lustMod + _smellMod>> <div class="mariel-what-wrong-container" style="background: linear-gradient(to bottom, rgba(255,228,225,0.3), rgba(255,182,193,0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">What is wrong with me? These thoughts I'm having... they're not normal. This is supposed to be an innocent massage to help someone I care about, but my mind keeps wandering to things it shouldn't. I try to focus on just the massage, just helping her feel better, but...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _selfControlRoll <= _finalSelfControlThreshold>><<set $rylan_SmellFetish += 0.2>><<set $rylan_Lust += 3>>Despite my best efforts to control myself, I find my breathing deepening without conscious thought. The scent that initially bothered me has somehow become... not unpleasant. More than that, it's become interesting in a way I can't explain. Even as I tell myself I shouldn't be having these thoughts, I can't seem to stop noticing details I shouldn't notice. The way her feet feel under my hands, the little sounds she makes when I find a tender spot, the intimate nature of what we're doing.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Is... is this helping?"</span> <div style="clear: left;"></div> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Wonderfully, dear. You really do have a gift for this."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her praise makes my heart race in ways that definitely aren't appropriate for the situation.<<else>><<set $rylan_SmellFetish += 0.1>>I manage to maintain some self-control, though I can't completely ignore the strange new feelings this situation is stirring up. I try to focus on the task at hand, but the confusion lingers.<</if>></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _realizationRoll = random(1, 100)>><<if _realizationRoll <= 35>><<set $rylan_Lust += 2>><<set $rylan_FeetFetish += 0.1>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The more I try not to think about it, the more I seem to notice things I shouldn't. The softness of her skin, the trust she's showing by letting me do this, the intimate nature of touching someone this way. Even telling myself it's wrong doesn't seem to make the feelings go away.</p><<else>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to keep my thoughts mostly in check, though I'm definitely more aware of the situation than I was when we started.</p><</if>></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"I think that's enough for tonight,"</span> she says softly, sitting up and adjusting her nightgown. <span class="dialog-mariel">"Thank you so much. I feel much better."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I'm left with my hands still carrying her scent and my mind full of confusion about these new feelings I don't understand.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"You've been so kind. I hope I can return the favor someday."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Response</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Mariel?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say it was your pleasure to help|MarielMyPleasure]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her goodnight and leave quickly|MarielLeave]]</div></div></div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set $gameDay++>><<set $timeOfDay = "morning">><<set $currentSeason = $seasons[Math.floor(($gameMonth - 1) / 3)]>><div class="date-display"><strong>Day <<print $gameDay>> of <<print $monthNames[$gameMonth - 1]>>, Year <<print $gameYear>> - <<print $currentSeason>> - <<print $timeOfDay.charAt(0).toUpperCase() + $timeOfDay.slice(1)>></strong></div> <<nobr>> <div class="mariel-melancholy-container" style="background: linear-gradient(to bottom, rgba(255,215,0,0.3), rgba(255,165,0,0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">Morning Reflections</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel rose early the next morning, her mind still heavy with thoughts from the previous day. The events kept replaying in her mind - <<print $humanName>>'s successful guild exam, the pride she had felt watching him finally achieve what he had worked so hard for, and yet... the nagging worry that never seemed to leave her heart.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She wrapped her morning robe around herself and moved to the window, gazing out at the peaceful dawn.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/lookingoutwindow.webp" alt="Mariel" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"He's finally passed,"</span> she whispered to herself, a mix of pride and concern in her voice. <span class="dialog-mariel">"My dear <<print $humanIsMariel>> is going to be an adventurer, just like <<if $humanToThalor === "dad">>his father<<else>>Thalor<</if>> and I once were."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Motherly Concerns</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The thought brought both joy and a deep, aching worry. She remembered his determination, the fire in his eyes when he spoke of following in their footsteps. But she also remembered his previous failure, the way he had come home defeated and ashamed, trying so hard to hide his pain from her.</p> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"At least these are better times,"</span> she murmured, her fingers tracing patterns on the cool glass. <span class="dialog-mariel">"The world is safer now than it was when Thalor and I..."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice trailed off as her gaze drifted to the distant mountains, clearly visible in the morning light. Somewhere beyond those peaks lay the ruins of the Demon King's fortress, a place that still haunted her dreams even after all these years.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Memories of Heroes Past</h4> <img src="images/mariel/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memories came flooding back, as they always did when she let her guard down. She could see it all again - their small party of four, united against what they believed was ultimate evil. Gairos, their grizzled leader, a massive wizard whose ruthless tactics had often made her uncomfortable. Verdalis, the beautiful dryad with flowing green hair and emerald eyes that seemed to hold the wisdom of ancient forests. And Thalor, standing beside her, his sword gleaming with righteous fury.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Those were darker days,"</span> she said softly, pressing her palm against the warm glass. <span class="dialog-mariel">"Or so we thought. The demon armies, the corruption spreading across the land, the constant fear that evil would consume everything we held dear."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Questioning the Past</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But now, years later, she wondered if they had truly understood what they were fighting for. During their travels, they had learned uncomfortable truths about their own kings - the corruption, the cruelty, the way they used their people as pawns. When they finally faced the Demon King himself, he had seemed... different than expected. Not the pure evil they had been told to expect, but something almost sad, almost resigned.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The final confrontation had been intense, but not in the way she had expected. The Demon King's power was undeniable, yet there had been something in his eyes - a weariness, a sadness that spoke of burdens she couldn't understand. Had they truly defeated evil that day, or had they simply been pawns in a larger game they didn't comprehend?</p> <img src="images/mariel/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"We won,"</span> she whispered, though the word felt hollow now. <span class="dialog-mariel">"But at what cost? And were we even fighting the right enemy?"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">They had returned home as heroes, but the knowledge they had gained about their own rulers' corruption weighed heavily on their hearts. The world was safe, perhaps, but from whom?</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Parental Fears</h4> <img src="images/mariel/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"And now <<print $humanName>> wants to walk that same path,"</span> she whispered, opening her eyes to look up at the brightening sky. <span class="dialog-mariel">"Brave, foolish boy. Just like <<if $humanToThalor === "dad">>his father<<else>>Thalor<</if>>."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She knew she couldn't protect him forever. He was old enough to make his own choices, strong enough to face whatever challenges awaited him. But that didn't make it any easier to let go, to watch him step into a world that was far more complex and morally ambiguous than it appeared.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A gentle morning breeze stirred the curtains, carrying with it the sweet scent of blooming flowers from the garden below. Mariel took a deep breath and tried to find some peace in the moment, though her newfound understanding of the world's complexities made that comfort harder to find.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">A Mother's Prayer</h4> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Please,"</span> she prayed softly to the divine powers she had once served so faithfully, <span class="dialog-mariel">"watch over my family. Keep them safe in the adventures to come."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As she stood there in the morning light, her mind began to drift back to those days of legend, when she and her companions had fought against the darkness that once threatened to consume the world...</p> </div> <center><img src="images/mariel/facesad.webp" alt="Mariel" width="500"></center> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue to Mariel's Past</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Learn about Mariel's heroic past.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...->MarielsPastDemonCastle]]</div></div></div> <</nobr>> <<statSummary>> <<changeFace $currentMarielFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('demonkingbridefight.mp3');<</script>><<set $timeOfDay = "memory">> <div class="demon-castle-memories-container" style="background: linear-gradient(to bottom, rgba(75,0,130,0.4), rgba(139,0,139,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">a long time ago...</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The obsidian gates of the Demon King's fortress loomed before them, carved with runes that seemed to writhe in the flickering torchlight. Mariel's heart pounded as she gripped her holy staff, the blessed metal warm against her palms.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"Stay close, priestess,"</span> Master Gairos commanded, his weathered face grim beneath his hood. <span class="dialog-gairos" style="color: lightblue;">"This is where legends are made or heroes die."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Verdalis moved with fluid grace beside them, her emerald hair flowing like water.</p> <span class="dialog-verdalis" style="color: lightgreen;">"The forest spirits whisper of great darkness beyond these walls. The very trees flee from this place."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Then we end it here,"</span> Thalor declared, his sword gleaming with holy enchantments. <span class="dialog-thalor">"For the innocent people suffering under his reign."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A low growl echoed from the shadows, a massive black demon dog, its eyes burning like coals, saliva dripping from fangs the size of daggers. It launched itself at Thalor with inhuman speed.</p> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Beast!"</span> Thalor's blade sang through the air, cleaving the creature in two with a single, perfect strike. Black ichor splattered the ancient stones. <span class="dialog-thalor">"The path is clear."</span> <div style="clear: left;"></div> </div> <center><img src="images/landscapes/demonkingthrone.webp" alt="Demon Castle" width="500"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos raised his staff, ancient words of power spilling from his lips. The massive gates groaned and split open, revealing the throne room beyond. What they saw made them all freeze.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The Demon King sat upon his obsidian throne, his hands glowing with swirling mana that seemed to twist reality itself around him. Mariel's breath caught in her throat.</p> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">*<span class="dialog-mariel">This... this isn't what they told us.</span>*</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She had been taught that the Demon King was a hideous creature, multiple limbs, razor fangs, skin like rotting leather. A monster to haunt children's nightmares.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Instead, she saw a being of terrible beauty. His skin was a deep purple, almost royal in its richness. Long, flowing green hair cascaded over broad, muscular shoulders. Pointed ears marked his otherworldly nature, and his face... his face was almost elven in its nobility.</p> <div style="clear: left;"></div> </div> <center><img src="images/azgorth/portrait.webp" alt="Demon Castle" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">*<span class="dialog-mariel">Beautiful,</span>* she thought involuntarily, then immediately felt shame. *<span class="dialog-mariel">How can I think such things about our enemy?</span>*</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the comparison to human kings struck her even more forcefully. Every royal court they had visited spoke of their rulers' beauty and charm, yet every king she had actually met was old, fat, balding, with personalities as corrupt as their bodies were decrepit.</p> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"He's... not what I expected,"</span> she whispered. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"Ah, the heroes arrive at last."</span> The Demon King's voice was rich and melodious, not the rasping growl she had anticipated. <span class="dialog-azgorth" style="color: #B266B2;">"I wondered when Gairos the Unyielding would finally find his way to my door."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Around the throne, three women of breathtaking beauty stood guard. Lilithia, with hair like flowing crimson and eyes that seemed to hold infinite depths. Saphyra, whose crimson robes matched the dangerous gleam in her cat-like eyes. Morrigana, silent and pale, her lips moving in soundless incantations.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The brides of the Demon King. Each one more beautiful than any noble lady Mariel had ever seen.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"Azgorth! Your reign of terror ends today! You plan to destroy this world!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The Demon King's laugh was genuinely amused, not cruel.</p> <span class="dialog-azgorth" style="color: #B266B2;">"Destroy? My dear Gairos..."</span> His eyes swept over his three children cowering behind the throne, then to the loyal maids who stood protectively near them. <span class="dialog-azgorth" style="color: #B266B2;">"In these nearly three hundred years I have lived, I have been called many things by humans. Savior. Friend. Hero. And finally..."</span> His gaze softened as it fell on his children. <span class="dialog-azgorth" style="color: #B266B2;">"A father."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"I want to renew this world, Gairos. To create a better future. I am fed up with your politics, your endless greed. One war ends and you immediately start planning the next one."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"Lies! You're a demon! Your very existence corrupts!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-azgorth" style="color: #B266B2;">"And what of your kings? What of the children sold into slavery to fund their wars? What of the villages burned because they couldn't pay impossible taxes?"</span> The Demon King's voice grew passionate. <span class="dialog-azgorth" style="color: #B266B2;">"I have walked among humans for centuries. I have seen your 'civilization'."</span> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span class="dialog-verdalis" style="color: lightgreen;">"The spirits... they sing confused songs about this place. Not all darkness, but not all light either."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"We came here to stop a tyrant, not to debate philosophy!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Azgorth"> <span class="dialog-azgorth" style="color: #B266B2;">"Then you understand nothing, young warrior."</span> The Demon King rose slightly from his throne, though Mariel noticed he remained connected to it somehow, streams of mana flowing between his body and the obsidian seat. <span class="dialog-azgorth" style="color: #B266B2;">"I cannot leave this throne while I channel the spell that will remake this world's very foundations. A spell of healing, not destruction."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"You expect us to believe?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-azgorth" style="color: #B266B2;">"I expect nothing, Gairos. You truly are a hero, and that is all you will ever be. You see only in absolutes, good and evil, light and dark. You cannot comprehend that the world is far more complex than your simple mind allows."</span> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos's face twisted with rage.</p> <span class="dialog-gairos" style="color: lightblue;">"Enough of your words, demon!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The battle erupted in an instant. Lilithia's hands wove through the air, and suddenly Mariel found herself facing multiple versions of Thalor, each one seeming perfectly real.</p> <span class="dialog-lilithia" style="color: blueviolet;">"Your mind will break before your body, priestess."</span> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thalor! Which one?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Trust your heart, not your eyes!"</span> His voice echoed from all directions. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Saphyra moved like liquid lightning, her claws extending into razor-sharp talons that rang against Thalor's blade.</p> <span class="dialog-saphyra" style="color: crimson;">"You fight well for cattle, human."</span> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"And you die well for a demon!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Verdalis summoned vines from the very stones, their thorns dripping with natural poison.</p> <span class="dialog-verdalis" style="color: lightgreen;">"Forest's fury, bind our enemies!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But Morrigana simply stood, her lips moving in silent casting, and wherever she pointed, Verdalis's vines withered and died.</p> <span class="dialog-morrigana" style="color: silver;">"*Silent gesture of dismissal*"</span> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span class="dialog-verdalis" style="color: lightgreen;">"She's countering everything! Her magic has no words!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel raised her staff, holy light blazing.</p> <span class="dialog-mariel">"Sacred light, pierce the darkness!"</span> Her spell shattered several of Lilithia's illusions, but new ones appeared instantly. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The battle raged with supernatural fury. Thalor's blade found its mark first, cutting deep into Saphyra's side, her crimson blood spattering the marble floor.</p> <span class="dialog-saphyra" style="color: crimson;">"Impossible... how did you?"</span> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"Your arrogance, demon. You underestimated human determination."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">With a cry of rage, Saphyra's claws raked across Thalor's armor, leaving deep gouges in the blessed steel. But the wound only made him fight harder.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Verdalis's nature magic finally began to overwhelm Morrigana's silent counters. Thorny vines, thicker than a man's arm, burst from the stone floor and wrapped around the pale witch.</p> <span class="dialog-verdalis" style="color: lightgreen;">"The forest claims you, silent one!"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Morrigana's eyes widened in the first expression of emotion she had shown. Her lips moved frantically, but her wordless magic couldn't counter the raw fury of nature itself.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos's lightning crackled through the air, each bolt shattering more of Lilithia's illusions until only she remained standing.</p> <span class="dialog-gairos" style="color: lightblue;">"No more tricks, demon spawn! Face us truly!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-lilithia" style="color: blueviolet;">"You fools... you have no idea what you're destroying here."</span> But even as she spoke, Mariel's holy light pierced through her final defenses, burning away the last of her dark magic. <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">One by one, the three brides fell. Saphyra collapsed first, Thalor's blade having found her heart. Morrigana was crushed by Verdalis's vines, her silent magic finally stilled forever. Lilithia was the last to fall, Gairos's lightning and Mariel's holy light combining to end her illusions permanently.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Their beauty remained even in death, but their threat was ended.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The Demon King watched his wives die with a mixture of grief and rage building in his ancient eyes.</p> <span class="dialog-azgorth" style="color: #B266B2;">"My beloved brides... my beautiful Lilithia... my fierce Saphyra... my wise Morrigana... you have taken everything from me, heroes."</span> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span class="dialog-gairos" style="color: lightblue;">"And now we take your life, demon!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But the barrier around the throne pulsed stronger than ever, the Demon King's fury feeding his power.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Demon King's Final Stand</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The final confrontation begins.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|DemonKingsFinalStand]]</div></div></div> <<changeFace $currentMarielFace>> <<statSummary>> </div> <</nobr>>

<<nobr>> <<set $hasReachedMissionPrep = true>> <<set _baseRoll = random(1, 100)>> <<set _baseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _baseThreshold + _rylanLustMod + _rylanCorruptionMod>> <div class="mission-prep-container" style="background: linear-gradient(to bottom, rgba(70,130,180,0.4), rgba(100,149,237,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The equipment stand's weathered shelves held an array of basic weapons - training swords, wooden shields, leather armor sets. <<print $humanName>> found himself drawn to a simple shortsword, its weight feeling right in his hands after all those practice sessions.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Oh? Not going for the compensatory giant sword this time?"</span> Serin's teasing grin was back, her earlier protective anger replaced by her usual playful demeanor. <div style="clear: left;"></div> </div> <<if !$madeChoice>> <div style="text-align: center; margin-top: 20px;"> [[React with confidence|MissionPrep][$madeChoice = true; $choice = "confident"]] [[Show embarrassment|MissionPrep][$madeChoice = true; $choice = "embarrassed"]] [[Defend past choice|MissionPrep][$madeChoice = true; $choice = "defensive"]] </div> <<else>> <<if $choice is "confident">> <<set $rylan_confidence += 1>><<trackOther "Rylan" "confidence" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I've learned my lesson about choosing the right tool for the job,"</span> <<print $humanName>> replied, testing the shortsword's balance with practiced movements. <span class="dialog-rylan">"Besides, speed might be more useful against slimes than raw power."</span> <div style="clear: left;"></div> <<if random(1, 100) <= 35>><<set $serin_RylanAffection += 1>><<trackAffection "Serin" "Rylan" 1>><<set $serin_RylanAttraction += 1>><<trackAttraction "Serin" "Rylan" 1>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's teasing expression softened for a moment, a flash of pride crossing her features before her usual smirk returned.</p><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Well, well! Looks like someone's been paying attention during training after all."</span> <div style="clear: left;"></div> </div> <<elseif $choice is "embarrassed">> <<set $rylan_confidence -= 1>><<trackOther "Rylan" "confidence" -1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <<print $humanName>>'s cheeks flushed as he gripped the shortsword's handle. <span class="dialog-rylan">"I... yeah, maybe trying to use father's sword style wasn't the best idea..."</span> <div style="clear: left;"></div> <<if random(1, 100) <= 35>><<set $serin_RylanAffection += 2>><<trackAffection "Serin" "Rylan" 2>><<set $serin_RylanAttraction += 1>><<trackAttraction "Serin" "Rylan" 1>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's teasing expression melted into something gentler, though the playful glint remained in her eyes.</p><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Hey, at least you're learning,"</span> she nudged his shoulder with her own. <span class="dialog-serin">"And this way, if we run into any ankle-biting goblins, you'll actually be able to swing at them!"</span> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I was just trying to live up to father's example, okay?"</span> <<print $humanName>> snapped, his grip tightening on the shortsword's handle. <span class="dialog-rylan">"Not everyone can be naturally talented like you, Serin."</span> <div style="clear: left;"></div> <<if random(1, 100) <= 35>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's teasing smile faltered, a flash of hurt crossing her features before her expression hardened.</p><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Hey, I worked hard for my 'natural talent',"</span> she shot back, her usual playful tone taking on an edge. <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"I brought extra healing potions, just in case..."</span> Liora held up her healer's bag, which seemed fuller than usual. <span class="dialog-liora">"And some antidotes, though slimes don't usually... um..."</span> She trailed off as both of them turned to look at her. <div style="clear: left;"></div> <<if random(1, 100) <= _rylanFinalThreshold>><<set _baseGain = 0.1>><<set _lioraSubBonus = ($liora_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>><<set $liora_SubmissionFetish += _baseGain * _lioraSubBonus>><<trackFetish "Liora" "Submission" _baseGain>><p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sudden attention made her heart race unexpectedly.</p> <<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Aww, were you worried about us?"</span> Serin's grin widened as she slung an arm around Liora's shoulders, making the healer squeak in surprise. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The western forest path stretched before them, dappled sunlight filtering through the canopy. The morning air was crisp, carrying the sweet scent of wildflowers and the earthy aroma of the forest floor.</p> <center><img src="images/landscapes/forestpath.webp" alt="Forest" width="600"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Okay, battle plan!"</span> Serin spun on her heel to face them, walking backward with practiced ease. <span class="dialog-serin">"<<print $humanName>> takes point since it's his exam. I'll flank and keep an eye out for surprises. Liora, you stay back and keep those healing spells ready - preferably before anyone needs them this time."</span> <div style="clear: left;"></div> </div> <<script>> window.QuestSystem.init(); <</script>> <<addQuest "slimeHunt" "Forest Slime Hunt" "Clear the forest of dangerous slimes" "slimeKills" 5>> <<setQuestLocation "slimeHunt" "Forest">> <<statSummary>> <div style="text-align: center; margin-top: 30px;"> [[Head into the forest|ForestHunt]] </div> <</if>> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<if !$nightVisitedTonight>><<set $nightVisitedTonight = []>><</if>> <div class="night-activities-container" style="background-image: url('images/landscapes/nightsky.webp'); background-size: cover; background-position: center; min-height: 500px; position: relative; border-radius: 10px; overflow: hidden;"> <div class="night-overlay" style="background: linear-gradient(to bottom, rgba(25,25,50,0.7), rgba(15,15,30,0.8)); position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div> <div class="night-content" style="position: relative; z-index: 2; padding: 30px; text-align: center;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 20px; font-size: 1.8em;">Night has fallen over the house...</h2> <<if $nightVisitedTonight.length === 0>><p style="color: #d0d0e6; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 40px; font-size: 1.1em;">Everyone has settled into their rooms for the night. You find yourself restless, unable to sleep. Perhaps you could visit someone...</p><<else>><p style="color: #d0d0e6; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 40px; font-size: 1.1em;">You've spent some time visiting tonight, but you're still not quite ready for sleep. Perhaps you could visit someone else...</p><</if>> </div> <div class="character-visit-options" style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin: 40px 0;"> <<if !$nightVisitedTonight.includes("Mariel")>> <div class="visit-option-wrapper" style="text-align: center;"> <div class="visit-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div> <h3 style="color: #ffe6b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;"><<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>></h3> <p style="color: #f0f0f0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Perhaps she's still awake..."</p></div> <<link "Visit her room" "MarielNightVisit">><</link>> </div> <</if>> <<if !$nightVisitedTonight.includes("Serin")>> <div class="visit-option-wrapper" style="text-align: center;"> <div class="visit-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div> <h3 style="color: #ffe6b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">Serin</h3> <p style="color: #f0f0f0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"She might be training late..."</p></div> <<link "Visit her room" "SerinNightVisit">><</link>> </div> <</if>> <<if $nightVisitedTonight.length > 0 && $nightVisitedTonight.length < 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="visited-status" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(100,150,100,0.2), rgba(80,120,80,0.3)); border: 1px solid rgba(150,200,150,0.3); border-radius: 8px; backdrop-filter: blur(3px);"> <p style="color: #b0e0b0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've already visited: <<for _i = 0; _i < $nightVisitedTonight.length; _i++>><<if _i > 0 && _i === $nightVisitedTonight.length - 1>> and <</if>><<if _i > 0 && _i < $nightVisitedTonight.length - 1>>, <</if>>$nightVisitedTonight[_i]<</for>> tonight.</p></div> </div> <</if>> <<if $nightVisitedTonight.length === 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="all-visited" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(150,100,150,0.2), rgba(120,80,120,0.3)); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; backdrop-filter: blur(3px);"> <p style="color: #e0b0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've visited everyone available tonight. Time to get some rest...</p></div> </div> <</if>> </div> <div style="margin-top: 50px;"> <div class="return-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"> <div style="background: linear-gradient(145deg, rgba(100,100,150,0.2), rgba(80,80,120,0.3)); border: 2px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 15px 25px; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.3); backdrop-filter: blur(3px);"> <h3 style="color: #c0c0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; font-size: 1.1em;">Go to sleep</h3> <p style="color: #a0a0c0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 5px 0 0 0; font-style: italic;"><<if $nightVisitedTonight.length === 0>>"Perhaps sleep will come eventually..."<<elseif $nightVisitedTonight.length === 3>>"It's been a long night..."<<else>>"That's enough visiting for tonight..."<</if>></p></div></div> <div style="margin-top: 15px;"><<link "End the night" "LioraRomanticWalk">><<set $nightVisitedTonight = []>><</link>></div></div></div></div> <style> .visit-option:hover { transform: translateY(-5px) scale(1.05); opacity: 0.9; } .visit-option:hover .character-frame { border-color: rgba(255,255,255,0.5); box-shadow: 0 12px 24px rgba(0,0,0,0.4); } .visit-option:hover img { border-color: rgba(255,255,255,0.6); transform: scale(1.05); } .visit-option:hover h3 { color: #fff2b3; } .return-option:hover { transform: translateY(-3px) scale(1.02); opacity: 0.9; } .visit-option:active, .return-option:active { transform: translateY(-2px) scale(1.01); } .night-content a { color: #e6e6ff; text-decoration: none; background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.1)); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 10px 20px; display: inline-block; margin-top: 10px; transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-weight: bold; font-size: 1.1em; } .night-content a:hover { color: #fff2b3; background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15)); border-color: rgba(255,255,255,0.5); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.4); } .night-content a:active { transform: translateY(0px); box-shadow: 0 2px 6px rgba(0,0,0,0.3); } </style> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $timeOfDay = "evening">> <div style="background: linear-gradient(to bottom, rgba(139,69,19,0.4), rgba(160,82,45,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The walk back from the forest was filled with a sense of accomplishment. The setting sun painted the path in warm hues, casting long shadows through the trees.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"You were amazing back there, <<print $humanName>>,"</span> Liora said softly, her cheeks tinting pink as she walked close beside him. <span class="dialog-liora">"The way you protected me from that last slime..."</span> <<set $liora_RylanAffection += 2>> <<trackAffection "Liora" "Rylan" 2>> <<set $liora_RylanAttraction += 1>> <<trackAttraction "Liora" "Rylan" 1>> <<set $rylan_Confidence += 2>> <<trackOther "Rylan" "confidence" 2>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh? What's this about protection?"</span> Serin grinned, playfully nudging Liora. <span class="dialog-serin">"I saw you healing him right after. Pretty quick with that magic~"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> Liora's blush deepened. <span class="dialog-liora">"W-well, of course I would! I mean... we're... we're a team, right?"</span> <<set $liora_Lust += 1>> <<trackLust "Liora" 1>> <<set $serin_LioraAffection += 1>> <<trackAffection "Serin" "Liora" 1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The guild hall came into view, its warm lights welcoming in the evening air. Elena was at her usual spot behind the reception desk, and her face lit up as they entered.</p> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Welcome back! How did it go?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <<print $humanName>> stepped forward proudly. <span class="dialog-rylan">"We defeated five slimes, just as requested!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Excellent work!"</span> Elena beamed, checking off something in her ledger. <span class="dialog-female-npc">"You know... you three work remarkably well together. Have you considered forming a fixed party?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The three exchanged glances.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> Serin crossed her arms with a confident smile. <span class="dialog-serin">"We do make a pretty good team."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I... I would like that,"</span> Liora added quietly, stealing another glance at <<print $humanName>>. <<set $serin_RylanAffection += 1>> <<trackAffection "Serin" "Rylan" 1>> <<set $liora_RylanAffection += 1>> <<trackAffection "Liora" "Rylan" 1>> <<set $rylan_LioraAffection += 1>> <<trackAffection "Rylan" "Liora" 1>> <<set $rylan_SerinAffection += 1>> <<trackAffection "Rylan" "Serin" 1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Actually, if you can find at least one more strong fighter, I could even promote you to E Rank. Serin's already there, and Liora's certainly qualified..."</span> Elena leaned forward, her expression brightening. <span class="dialog-female-npc">"Oh! Have you heard about the resonance system? Apparently if you have strong bonds you can become stronger, and share skills with each other."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <<print $humanName>> blinked in surprise. <span class="dialog-rylan">"True, now that you say it... somehow when I focus, I can feel <<print $humanToMariel>>, <<print $humanToThalor>>, Liora, and Serin..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Wait, you too?"</span> Liora's eyes widened. <<set $rylan_combatExperience += 2>> <<trackExperience "Rylan" "partyBonding" 2>> <<set $serin_combatExperience += 1>> <<trackExperience "Serin" "partyBonding" 1>> <<set $liora_combatExperience += 1>> <<trackExperience "Liora" "partyBonding" 1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Wow, you might be really in sync!"</span> Elena clasped her hands together excitedly. <span class="dialog-female-npc">"Maybe you can implement it somehow in your fight style too?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After completing the registration as an official party, they headed back through the darkening streets toward <<print $humanName>>'s home.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return Home</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return home to celebrate your success.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return Home to Celebrate|BackHomeAfterExam]]</div></div></div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <div style="background: linear-gradient(135deg, #3a1a2e 0%, #2d1b26 100%); border-radius: 15px; padding: 30px; margin: 20px 0; border: 2px solid rgba(138, 43, 226, 0.3);"> <div style="background: rgba(0,0,0,0.4); border-radius: 10px; padding: 25px; border: 1px solid rgba(138, 43, 226, 0.2);"> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set _jealousyRoll = random(1, 100)>><<set _jealousyThreshold = 65>><<set _affectionMod = Math.floor($serin_RylanAffection / 10) * -10>><<set _finalJealousyThreshold = _jealousyThreshold + _affectionMod>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Things with Liora have been going really well lately. It feels amazing to finally be together with her."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I notice Serin's grip tighten slightly on her training equipment. For just a moment, her confident expression falters, and I see something that looks almost like pain flash across her features.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Yeah... you two seem really happy together,"</span> Serin says, but her voice sounds strained. <span class="dialog-serin">"It's sweet how she lights up whenever you're around."</span> <div style="clear: left;"></div> </div> <<if _jealousyRoll <= _finalJealousyThreshold>><<set $rylan_SerinAffection -= 2>><<trackAffection "Rylan" "Serin" -2>><<set $serin_RylanAffection += 2>><<trackAffection "Serin" "Rylan" 2>><<set $serin_Lust += 2>><<trackLust "Serin" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The forced smile on Serin's face doesn't reach her eyes. She turns away, pretending to adjust some of her training equipment, but I can see the tension in her shoulders.</p> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"She's perfect for you, isn't she? All gentle and innocent and pure,"</span> she says, and there's a bitter edge to her voice that surprises me. <span class="dialog-serin">"Everything a guy could want in a girlfriend."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She spins back around, and for a moment her emerald eyes are blazing with something I can't identify.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"But you know what, <<print $humanName>>? Sometimes perfect isn't what someone really needs."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Before I can react, she steps closer, invading my personal space. <span class="dialog-serin">"Sometimes you need someone who can push you, challenge you, make you feel things that gentle sweetness never could."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she's looking at me is intense and confusing, her usual playful demeanor replaced by something rawer. I can smell her light sweat from training, feel the heat radiating from her athletic form.</p> <</if>> <<if _jealousyRoll > _finalJealousyThreshold>><<set $rylan_SerinAffection += 1>><<trackAffection "Rylan" "Serin" 1>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin nods, though something in her expression seems forced. <span class="dialog-serin">"Yeah, you two are perfect together. Really."</span> The words sound like they're difficult for her to say, each one carefully measured.</p> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You should probably get back to her,"</span> she says, but there's something almost desperate in her voice. <span class="dialog-serin">"I'm sure she's waiting for you."</span> <div style="clear: left;"></div> </div> <<set _confrontationRoll = random(1, 100)>><<if _confrontationRoll <= 30>><<set $rylan_SerinAttraction += 1>><<trackAttraction "Rylan" "Serin" 1>><<set $serin_RylanAttraction += 1>><<trackAttraction "Serin" "Rylan" 1>><<set $rylan_Lust += 1>><<trackLust "Rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite myself, I find something compelling about seeing this vulnerable side of Serin. She's always so confident and teasing, but right now she looks almost... heartbroken?</p> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Go on then,"</span> she says quietly. <span class="dialog-serin">"Go back to your perfect relationship."</span> But she doesn't move away from me, and her eyes are searching my face for something she clearly isn't finding. <div style="clear: left;"></div> </div> <</if>> <<if _confrontationRoll > 30>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can sense that talking about my relationship with Liora has upset her in some way, though I'm not entirely sure why. The tension in the room is getting uncomfortable.</p> <</if>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Response</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Serin?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Ask why she seems upset|SerinWhyUpset]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say you should get back to Liora|SerinLeave]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <div style="background: linear-gradient(135deg, #2a4d2a 0%, #1a3d1a 100%); border-radius: 15px; padding: 30px; margin: 20px 0; border: 2px solid rgba(34, 139, 34, 0.3);"> <div style="background: rgba(0,0,0,0.4); border-radius: 10px; padding: 25px; border: 1px solid rgba(34, 139, 34, 0.2);"> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set $rylan_SerinAffection += 1>><<set $serin_RylanAffection += 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I... I honestly don't really know what to say. I'm not good at this kind of thing."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin looks up at me, and for a moment I see something that might be disappointment flash across her features before she covers it with a forced smile.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Yeah, I figured as much,"</span> she says, but there's no real bite to it. <span class="dialog-serin">"Not exactly the sensitive type, are you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"It's not that I don't care, it's just... I don't really understand all this emotional stuff. And I'm definitely not the right person to give advice about... whatever this is."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She lets out a short laugh that doesn't sound entirely happy.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"At least you're honest about it. Most people would just pretend to understand and say something meaningless."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I'm sorry I'm not more helpful."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Don't apologize for being who you are, Rylan. That's exactly the problem I was talking about - people thinking they need to be different than they are."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She turns back to her training equipment, her movements a bit more sharp than usual.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Besides, you did listen. That's... that's something, I guess."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"For what it's worth, I don't think you're just the tough, teasing girl. I mean, you obviously care about people, even if you show it in weird ways."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Weird ways?"</span> she asks, glancing back at me with a raised eyebrow. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Like... pushing people to train harder, or teasing them to make them stronger. It's not conventional, but it's not mean-spirited either."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her expression softens slightly.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Thanks, I think. That's probably the most insightful thing you've ever said to me."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Don't get used to it."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She actually smiles at that - a real one this time.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"There's the Rylan I know. Go on, get out of here before I start thinking you're going soft."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Night Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the night activities menu.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the night activities|NightActivities]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<changeAffection "Serin" "Rylan" +1>> <<trackAffection "Serin" "Rylan" 1>> <<set $serin_Confidence -= 2>> <<trackOther "Serin" "confidence" -2>> <<set $serin_Lust += 3>> <<trackLust "Serin" 3>> <div style="background: linear-gradient(135deg, #4a1a4a 0%, #2a0a2a 100%); min-height: 500px; padding: 30px; border-radius: 10px; border: 2px solid rgba(138, 43, 226, 0.3);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Meanwhile, in her own room across the hall, Serin lies awake staring at the ceiling. She can hear the soft murmur of voices outside - $humanName and Liora having one of their romantic midnight conversations again.</p> <center><img src="images/serin/facesad.webp" alt="Serin Sad" width="400"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A familiar ache settles in her chest, the same one she's carried for months now. Ever since $humanName and Liora became a couple, she's had to watch them together every day, pretend to be happy for them, act like the supportive friend while her heart slowly breaks.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*They're so perfect together,*</span> she thinks bitterly, rolling onto her side and pulling her pillow over her head to muffle the distant sound of their laughter. <span class="dialog-serin">*Everyone says so. The sweet healer and the determined warrior.*</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She had known about their feelings for each other long before they'd finally gotten together. Had watched the shy glances, the blushing conversations, the way they danced around their mutual attraction for weeks. Part of her had hoped... but she'd known it was hopeless from the start.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">How could she compete with Liora? Sweet, gentle, innocent Liora with her healing magic and her pure heart. $humanName needed someone who could balance his intensity, not someone who matched it. He needed someone who could heal his wounds, not someone who might cause them.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*What does she have that I don't?*</span> The question has tormented her for months. <span class="dialog-serin">*Besides everything he wants, apparently.*</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The voices outside grow quieter, and she knows they're probably sharing one of their tender moments - a gentle kiss, a loving embrace under the stars. The image makes her stomach twist with a mixture of longing and resentment.</p> <center><img src="images/liora/poses/hugrylan.webp" alt="Rylan and Liora embracing" width="400"></center> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*That should be me in his arms,*</span> she thinks, the image of their embrace burning itself into her mind. <div style="clear: left;"></div> </div> <center><img src="images/serin/facecrying.webp" alt="Serin Crying" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Tomorrow she'll have to face them both again, smile and joke like always, pretend that watching them together doesn't slowly kill her inside. She'll tease $humanName about something trivial, maybe spar with him during training, all while pretending she doesn't wish those sparring sessions could turn into something more.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">And Liora... sweet Liora who has no idea that her happiness is built on Serin's heartbreak. Who looks at Serin with such innocent friendship, never suspecting the darker emotions swirling beneath the surface.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*Maybe I should tell him,*</span> she thinks desperately. <span class="dialog-serin">*Maybe if he knew how I felt...*</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But she knows it wouldn't matter. He's made his choice, and it wasn't her. It will never be her. They've been together for months now, happy and content in their little bubble of love.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The house grows quiet again, and she knows they've gone back to their separate rooms. Separate for now, anyway. She wonders how long it will be before that changes too, before she has to watch them take that next step together.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*I have to find a way to move on,*</span> she tells herself, the same lie she's been telling herself for months. <span class="dialog-serin">*I have to let him go.*</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But even as she thinks it, she knows it's not that simple. You can't just turn off love like a tap. You can't just decide to stop wanting something you've wanted for so long.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">So instead, she'll do what she's been doing - bury those feelings deeper, hide them behind teasing and aggression, pretend that her heart doesn't break a little more each time she sees them together.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She's gotten good at it, actually. The fake smiles, the playful jabs, the way she can joke about their relationship without letting her voice crack. She's become an expert at hiding her pain behind her usual confident facade.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But nights like this, when she's alone with her thoughts and can hear their happiness drifting through the walls, the mask slips. The cheerful, tough Serin falls away, leaving only the broken girl underneath.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">*Why couldn't it have been me?*</span> The thought comes unbidden, as it always does during these quiet moments. <span class="dialog-serin">*What did I do wrong? What could I have done differently?*</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She rolls over, pressing her face into her pillow to muffle any sound that might escape. Tomorrow she'll put the mask back on, be the Serin everyone expects her to be - confident, teasing, unbreakable.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But tonight, in the safety of her darkened room, she allows herself to grieve for the love that was never hers to begin with.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Eventually, exhaustion begins to take hold, but even as sleep approaches, her last thoughts are of blonde hair and blue eyes that will never look at her the way they look at Liora.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue Story</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next part of the story.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|MarielsMelancholy]]</div></div></div> <<changeFace $currentSerinFace>> </div> <</nobr>>

<div style="background: linear-gradient(135deg, #2a3a2a 0%, #1a2a1a 100%); border-radius: 15px; padding: 30px; margin: 20px 0; border: 2px solid rgba(34, 139, 34, 0.3);"> <div style="background: rgba(0,0,0,0.4); border-radius: 10px; padding: 25px; border: 1px solid rgba(34, 139, 34, 0.2);"> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set $rylan_SerinAffection += 1>><<set $serin_RylanAffection += 1>><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I should probably head back to my room. Thanks for... whatever this was."</span><div style="clear: left;"></div> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> Serin's expression shifts, and for a moment I see something that looks like disappointment in her emerald eyes. <span class="dialog-serin">"Oh. Already?"</span><div style="clear: left;"></div> She tries to cover it with her usual confident grin, but it doesn't quite reach her eyes. <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Yeah, sure. Can't keep the future hero up too late, right?"</span><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Goodnight, Serin."</span><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Night, Rylan."</span> She pauses as I reach the door. <span class="dialog-serin">"Hey, if you ever want to... talk again, or train, or whatever... my door's always open."</span><div style="clear: left;"></div> There's something vulnerable in the way she says it that makes me glance back. For just a moment, she doesn't look like the confident, teasing girl I know. She looks... lonely? <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Maybe sometime."</span><div style="clear: left;"></div> As I close the door behind me, I can't shake the feeling that there was more going on in that conversation than I understood. Serin seemed different tonight - less teasing, more... serious? Whatever it was, it's left me feeling confused about things I thought I had figured out. I make my way back down the hallway, thinking about Liora's gentle smile and wondering why I can't quite get Serin's intense emerald eyes out of my head. <<statSummary>></div></div> [[Return to the night activities|NightActivities]] <<changeFace $currentRylanFace>>

<<nobr>> <div style="background: linear-gradient(135deg, #3a2a4a 0%, #2a1a3a 100%); border-radius: 15px; padding: 30px; margin: 20px 0; border: 2px solid rgba(138, 43, 226, 0.3);"> <div style="background: rgba(0,0,0,0.4); border-radius: 10px; padding: 25px; border: 1px solid rgba(138, 43, 226, 0.2);"> <<set _baseSerinFeetRoll = random(1, 100)>><<set _baseRylanResistRoll = random(1, 100)>><<set _baseLioraJealousyRoll = random(1, 100)>><<set _baseSerinJealousyRoll = random(1, 100)>><<set _serinBaseThreshold = 35>><<set _serinFetishMod = Math.floor($serin_FeetFetish / 10) * 5>><<set _serinLustMod = Math.floor($serin_Lust / 20) * -5>><<set _serinCorruptionMod = Math.floor($serin_corruption / 20) * -10>><<set _serinFinalThreshold = _serinBaseThreshold + _serinFetishMod + _serinLustMod + _serinCorruptionMod>><<set _rylanBaseThreshold = 35>><<set _rylanFetishMod = Math.floor($rylan_FeetFetish / 10) * 5>><<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>><<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>><<set _rylanFinalThreshold = _rylanBaseThreshold + _rylanFetishMod + _rylanLustMod + _rylanCorruptionMod>><<run window.AudioSystem.playSFX('serin_door_knock.mp3')>><<if $metLiora is false>><<set $metLiora to true>><<run DiarySystem.unlockCharacter("Liora")>> <</if>><<if $metSerin is false>><<set $metSerin to true>><<run DiarySystem.unlockCharacter("Serin")>><</if>><<run setPageElement('portraitContainer', 'StoryLeftSidebar')>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The knock comes again, more insistent this time. Before Mariel can answer, the door bursts open with the subtlety of a tavern brawl.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/face.webp" alt="Serin Portrait" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Rise and shine, you lazy excuse for an adventurer!"</span> A familiar, irritating voice rings through the kitchen. Serin stands in the doorway, her short red hair wild as ever, wearing that insufferable grin that makes <<print $humanName>> want to practice his combat skills. On her. <<set $rylan_SerinAffection -= 2>><<trackAffection "Rylan" "Serin" -2>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Behind her, like dawn after a storm, Liora steps into view. <<print $humanName>>'s heart does its usual happy flutter at the sight of his girlfriend's flowing blonde hair and gentle smile. Where Serin is all sharp edges and chaos, Liora moves with the grace of summer breeze.</p> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>> <div style="clear: left;"></div> </div> <center><img src="images/liora/portrait.webp" alt="Liora Portrait" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Good morning, my love,"</span> Liora says softly, walking over to give <<print $humanName>> a gentle kiss on the cheek. Her touch makes the kitchen seem brighter and his worries lighter. <<set $rylan_Lust += 3>><<trackLust "Rylan" 3>> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <center><img src="images/serin/kitchentable.webp" alt="Serin on Table" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Before anyone can stop her, Serin hops onto the kitchen table, crossing her legs with deliberate casualness. Her white socks bunch around leather boots as she makes herself comfortable, clearly enjoying how it makes <<print $humanName>> squirm.</p> <<if $rylan_FeetFetish <= 0>><<set _baseGain = 0.1>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalFeetGain = _baseGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalFeetGain>><<trackFetish "Rylan" "Feet" _finalFeetGain>><<set _clothingGain = 0.1>><<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>><<set _finalClothingGain = _clothingGain * _rylanClothingBonus>><<set $rylan_ClothingFetish += _finalClothingGain>><<trackFetish "Rylan" "Clothing" _finalClothingGain>><<print $humanName>> grimaced and looked away, disgusted by Serin's casual disregard for table manners. The sight of her boots on the kitchen table where they ate made his stomach turn. <<set $rylan_SerinAffection -= 1>><<trackAffection "Rylan" "Serin" -1>><<else>><<set _exhibBaseGain = 0.2>><<set _serinExhibBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>><<set _finalExhibGain = _exhibBaseGain * _serinExhibBonus>><<set $serin_ExhibitionismFetish += _finalExhibGain>><<trackFetish "Serin" "Exhibitionism" _finalExhibGain>><<set _feetGain = 0.2>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalFeetGain = _feetGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalFeetGain>><<trackFetish "Rylan" "Feet" _finalFeetGain>><<set _clothingGain = 0.2>><<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>><<set _finalClothingGain = _clothingGain * _rylanClothingBonus>><<set $rylan_ClothingFetish += _finalClothingGain>><<trackFetish "Rylan" "Clothing" _finalClothingGain>><</if>><<if $rylan_TeasingFetish <= 0 && _baseRylanResistRoll <= 40>> <<set _baseGain = 0.1>><<set _rylanTeaseBonus = ($rylan_naturalTendencies ?? []).includes("teasing") ? 1.5 : 1>><<set _finalTeaseGain = _baseGain * _rylanTeaseBonus>><<set $rylan_TeasingFetish += _finalTeaseGain>><<trackFetish "Rylan" "Teasing" _finalTeaseGain>><<set _submissiveGain = 0.1>><<set _rylanSubmissiveBonus = ($rylan_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>><<set _finalSubmissiveGain = _submissiveGain * _rylanSubmissiveBonus>><<set $rylan_SubmissionFetish += _finalSubmissiveGain>><<trackFetish "Rylan" "Submission" _finalSubmissiveGain>> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Could you not?"</span> <<print $humanName>> snapped, genuinely irritated by her constant teasing. The way she always invaded his personal space was starting to really get on his nerves. <<set $rylan_SerinAffection -= 2>><<trackAffection "Rylan" "Serin" -2>><</if>><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _baseSerinFeetRoll <= _serinFinalThreshold>><<set _baseGain = 0.1>><<set _serinJealousyBonus = ($serin_naturalTendencies ?? []).includes("jealousy") ? 1.5 : 1>><<set _finalGain = _baseGain * _serinJealousyBonus>><<set $serin_JealousyFetish += _finalGain>><<trackFetish "Serin" "Jealousy" _finalGain>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Ugh, you two are making me nauseous with all this lovey-dovey stuff,"</span> Serin's grin takes on a sharp edge as she watches the intimate exchange, something darker flickering in her eyes. Her fingers drum against the doorframe with barely contained energy. <<set $serin_LioraAffection -= 1>><<trackAffection "Serin" "Liora" -1>><<set $serin_Lust += 2>><<trackLust "Serin" 2>><</if>><div style="clear: left;"></div> <<if $rylan_FeetFetish <= 0>><<set _baseGain = 0.1>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalFeetGain = _baseGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalFeetGain>><<trackFetish "Rylan" "Feet" _finalFeetGain>><<set _clothingGain = 0.1>><<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>><<set _finalClothingGain = _clothingGain * _rylanClothingBonus>><<set $rylan_ClothingFetish += _finalClothingGain>><<trackFetish "Rylan" "Clothing" _finalClothingGain>><<print $humanName>> grimaced and looked away, disgusted by Serin's casual disregard for table manners. The sight of her boots on the kitchen table where they ate made his stomach turn. <<set $rylan_SerinAffection -= 1>><<trackAffection "Rylan" "Serin" -1>><<else>><<set _exhibBaseGain = 0.2>><<set _serinExhibBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>><<set _finalExhibGain = _exhibBaseGain * _serinExhibBonus>><<set $serin_ExhibitionismFetish += _finalExhibGain>><<trackFetish "Serin" "Exhibitionism" _finalExhibGain>><<set _feetGain = 0.2>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalFeetGain = _feetGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalFeetGain>><<trackFetish "Rylan" "Feet" _finalFeetGain>><<set _clothingGain = 0.2>><<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>><<set _finalClothingGain = _clothingGain * _rylanClothingBonus>><<set $rylan_ClothingFetish += _finalClothingGain>><<trackFetish "Rylan" "Clothing" _finalClothingGain>><</if>><<if $rylan_TeasingFetish <= 0 && _baseRylanResistRoll <= 40>> <<set _baseGain = 0.1>><<set _rylanTeaseBonus = ($rylan_naturalTendencies ?? []).includes("teasing") ? 1.5 : 1>><<set _finalTeaseGain = _baseGain * _rylanTeaseBonus>><<set $rylan_TeasingFetish += _finalTeaseGain>><<trackFetish "Rylan" "Teasing" _finalTeaseGain>><<set _submissiveGain = 0.1>><<set _rylanSubmissiveBonus = ($rylan_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>><<set _finalSubmissiveGain = _submissiveGain * _rylanSubmissiveBonus>><<set $rylan_SubmissionFetish += _finalSubmissiveGain>><<trackFetish "Rylan" "Submission" _finalSubmissiveGain>> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Could you not?"</span> <<print $humanName>> snapped, genuinely irritated by her constant teasing. The way she always invaded his personal space was starting to really get on his nerves. <<set $rylan_SerinAffection -= 2>><<trackAffection "Rylan" "Serin" -2>><</if>><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _baseSerinFeetRoll <= _serinFinalThreshold>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She kicks her feet playfully, boots dangling just above the floor. Her white socks peek out where the leather has bunched down, a deliberate tease as she watches <<print $humanName>>'s reaction.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"What's wrong? You're staring. Don't tell me you're still half asleep~"</span> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_FeetFetish > 0 && _baseRylanResistRoll <= _rylanFinalThreshold>><<set _baseGain = 0.2>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalFeetGain = _baseGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalFeetGain>> <<trackFetish "Rylan" "Feet" _finalFeetGain>><<print $humanName>>'s gaze lingers on the gentle sway of her feet, his throat suddenly dry. The morning suddenly feels much warmer than it should.<<if random(1, 100) <= 20>><<set _serinNoticeGain = 0.1>><<set _serinFeetBonus = ($serin_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalSerinFeetGain = _serinNoticeGain * _serinFeetBonus>><<set $serin_FeetFetish += _finalSerinFeetGain>><<trackFetish "Serin" "Feet" _finalSerinFeetGain>><<set $serin_Lust += 5>><<trackLust "Serin" 5>><</if>><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $serin_Lust >= 30 || $serin_FeetFetish > 0>><<set _escalateGain = 0.3>><<set _serinFeetBonus = ($serin_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalEscalateGain = _escalateGain * _serinFeetBonus>><<set $serin_FeetFetish += _finalEscalateGain>><<trackFetish "Serin" "Feet" _finalEscalateGain>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Oh? See something interesting?"</span> Serin's grin widens as she notices his distraction, deliberately pointing her toes in a languid stretch. <<set $serin_Lust += 5>><<trackLust "Serin" 5>><<set $rylan_Lust += 4>><<trackLust "Rylan" 4>><div style="clear: left;"></div> <</if>><<if _baseLioraJealousyRoll <= 35>><<set _baseGain = 0.1>><<set _lioraJealousyBonus = ($liora_naturalTendencies ?? []).includes("jealousy") ? 1.5 : 1>><<set _finalLioraJealousyGain = _baseGain * _lioraJealousyBonus>><<set $liora_JealousyFetish += _finalLioraJealousyGain>><<trackFetish "Liora" "Jealousy" _finalLioraJealousyGain>>Liora's fingers traced the edge of her dress, her usual serene expression tightening almost imperceptibly as she watched the exchange. <<set $liora_SerinAffection -= 1>><<trackAffection "Liora" "Serin" -1>><<set $liora_RylanAttraction += 1>><<trackAttraction "Liora" "Rylan" 1>><<set $liora_Lust += 3>><<trackLust "Liora" 3>><</if>><</if>><<if $rylan_Lust >= 20 && ($serin_Lust >= 20 || $liora_Lust >= 20)>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The kitchen air grows thick with unspoken tension, morning sunlight catching the slight flush on more than one face.</p> <<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $serin_Lust += 2>><<trackLust "Serin" 2>><<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>><<if $rylan_FeetFetish > 0>> <<set _passiveGain = 0.1>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalPassiveGain = _passiveGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalPassiveGain>> <<trackFetish "Rylan" "Feet" _finalPassiveGain>><<print $humanName>>'s gaze lingers a moment too long on Serin's swinging feet, a familiar warmth creeping up his neck. <<set $rylan_Lust += 5>><<trackLust "Rylan" 5>><</if>><<if _rylanResistRoll <= 40>><<set _baseGain = 0.2>><<set _serinTeaseBonus = ($serin_naturalTendencies ?? []).includes("teasing") ? 1.5 : 1>><<set _finalSerinTeaseGain = _baseGain * _serinTeaseBonus>> <<set $serin_TeasingFetish += _finalSerinTeaseGain>><<trackFetish "Serin" "Teasing" _finalSerinTeaseGain>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Ugh, could you two be any more disgustingly sweet? It's like watching a romance novel come to life."</span> Serin rolls her eyes dramatically, swinging her legs with extra emphasis as she shifts on the table.<div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_FeetFetish > 0>><<set _feetGain = 0.1>><<set _rylanFeetBonus = ($rylan_naturalTendencies ?? []).includes("feet") ? 1.5 : 1>><<set _finalMoreFeetGain = _feetGain * _rylanFeetBonus>><<set $rylan_FeetFetish += _finalMoreFeetGain>><<trackFetish "Rylan" "Feet" _finalMoreFeetGain>><</if>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Though I guess watching you get all doe-eyed over your perfect little girlfriend is better than?"</span><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"But hey, speaking of things that'll make you feel worse..."</span> Her grin widened with malicious glee. <span class="dialog-serin">"Guess who just got promoted to E-Rank?"</span><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<else>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Ugh, could you two be any more disgustingly sweet? It's like watching a romance novel come to life."</span> Serin interrupts with an exaggerated eye roll, her boots tapping against the table leg. <span class="dialog-serin">"By the way, guess who just got promoted to E-Rank?"</span><div style="clear: left;"></div><</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>>'s stomach drops. No. No way.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"You're lying."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin pulls out her guild card, the bronze 'E' gleaming mockingly.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"And what Rank are you again?"</span> She tilted her head, all innocent smugness.<div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Because I seem to recall passing my exam by actually killing a monster, not screaming and running while your 'party' did all the work."</span><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"That troll was bigger than expected!"</span><<set _baseDomGain = 0.2>><<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>><<set _finalDomGain = _baseDomGain * _serinDomBonus>><<set $serin_DominanceFetish += _finalDomGain>><<trackFetish "Serin" "Dominance" _finalDomGain>><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"It was a goblin, and it bit your ankle!"</span> She emphasized this by kicking one foot in his direction, her boot nearly grazing his nose. <<set $serin_Lust += 3>><<trackLust "Serin" 3>><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if _lioraJealousyRoll <= 35>><<set _baseJealousyGain = 0.1>><<set _lioraJealousyBonus = ($liora_naturalTendencies ?? []).includes("jealousy") ? 1.5 : 1>><<set _finalLioraJealousyGain2 = _baseJealousyGain * _lioraJealousyBonus>><<set $liora_JealousyFetish += _finalLioraJealousyGain2>><<trackFetish "Liora" "Jealousy" _finalLioraJealousyGain2>><<set _baseSubmissionGain = 0.1>><<set _lioraSubmissionBonus = ($liora_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>><<set _finalLioraSubmissionGain = _baseSubmissionGain * _lioraSubmissionBonus>><<set $liora_SubmissionFetish += _finalLioraSubmissionGain>><<trackFetish "Liora" "Submission" _finalLioraSubmissionGain>> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"The goblin was rather aggressive..."</span> Liora interjected softly, moving protectively closer to <<print $humanName>>, though her defense lacked its usual warmth as she watched Serin's boots swing closer to her boyfriend's face. <<set $liora_Lust += 2>><<trackLust "Liora" 2>><div style="clear: left;"></div><<else>> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"The goblin was rather aggressive..."</span> Liora offered supportively, placing a gentle hand on <<print $humanName>>'s shoulder.<div style="clear: left;"></div><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $liora_SubmissionFetish <= 0 && _lioraJealousyRoll <= 35>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora shifted uncomfortably at Serin's aggressive display, clearly put off by the forceful behavior. Her usual serene expression hardened slightly with disapproval.</p> <<set $liora_SerinAffection -= 1>><<trackAffection "Liora" "Serin" -1>><</if>> <<if _lioraJealousyRoll <= 35>><<set _baseVoyeurGain = 0.1>><<set _lioraVoyeurBonus = ($liora_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>><<set _finalLioraVoyeurGain = _baseVoyeurGain * _lioraVoyeurBonus>><<set $liora_VoyeurismFetish += _finalLioraVoyeurGain>><<trackFetish "Liora" "Voyeurism" _finalLioraVoyeurGain>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's eyes flicked between them, her smile faltering slightly as she watched Serin's playful teasing. Her hand tightened possessively on <<print $humanName>>'s arm. The air grew thick with an unspoken tension.</p> <<set $liora_Lust += 2>><<trackLust "Liora" 2>><<if _serinJealousyRoll <= 35>><<set _exhibGain = 0.2>><<set _serinExhibBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>><<set _finalSerinExhibGain = _exhibGain * _serinExhibBonus>><<set $serin_ExhibitionismFetish += _finalSerinExhibGain>><<trackFetish "Serin" "Exhibitionism" _finalSerinExhibGain>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin noticed Liora's possessive reaction and deliberately slid closer to the edge of the table, closer to <<print $humanName>>.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Want me to kiss it better?"</span> she teased, though her eyes locked meaningfully with Liora's as she said it. <<set $serin_Lust += 4>><<trackLust "Serin" 4>><div style="clear: left;"></div><</if>><</if>> <<if $rylan_ExhibitionismFetish <= 0 && _serinJealousyRoll <= 35>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> felt a wave of second-hand embarrassment at Serin's shameless display. Her need for attention was becoming more uncomfortable than entertaining.</p> <<set $rylan_SerinAffection -= 1>><<trackAffection "Rylan" "Serin" -1>><</if>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Serin, boots off my table, please."</span> There was a hint of the ex-priestess's authority in her tone.<div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"We came to walk with you to the guild,"</span> Liora interjected, gracefully settling into a proper chair beside <<print $humanName>> and taking his hand. She may still be F-Rank, but her restoration magic had already earned her respect among the junior adventurers. <span class="dialog-liora">"For moral support."</span><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _finalTeaseGain = 0.1>><<set _serinTeaseBonus = ($serin_naturalTendencies ?? []).includes("teasing") ? 1.5 : 1>><<set _finalSerinTeaseGain2 = _finalTeaseGain * _serinTeaseBonus>><<set $serin_TeasingFetish += _finalSerinTeaseGain2>><<trackFetish "Serin" "Teasing" _finalSerinTeaseGain2>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"And entertainment.... Mostly entertainment."</span> Serin finally hopped down from the table, but not before giving <<print $humanName>> one last teasing smirk. Her eyes lingered on their joined hands with barely concealed irritation. <<set $serin_Lust += 2>><<trackLust "Serin" 2>><div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> glared at Serin. If looks could kill, she'd be somewhere between "mildly inconvenienced" and "slightly singed." The redheaded menace just grinned wider, twirling one of her daggers. <<if $serinLioraRelation == "sister">>How someone so demonic could be related to Liora who seemed like an angel descended from heaven remained one of life's greatest mysteries.<<else>>How someone so chaotic could be such close friends with Liora who seemed like an angel descended from heaven remained one of life's greatest mysteries.<</if>></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Well, since you're all here, you might as well have breakfast."</span> Mariel started setting out extra plates, though her eyes still held that distant sadness from earlier.<div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _finalDomGain2 = 0.1>><<set _serinDomBonus = ($serin_naturalTendencies ?? []).includes("dominance") ? 1.5 : 1>><<set _finalSerinDomGain2 = _finalDomGain2 * _serinDomBonus>><<set $serin_DominanceFetish += _finalSerinDomGain2>><<trackFetish "Serin" "Dominance" _finalSerinDomGain2>> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Sweet! Your <<print $humanToMariel>>'s cooking beats guild food any day."</span> Serin dropped into a chair next to <<print $humanName>>, deliberately close enough to make him uncomfortable. <span class="dialog-serin">"So, about that 'respect your elders' speech you gave me last month..."</span> <<set $serin_Lust += 2>><<trackLust "Serin" 2>> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">To The Guild</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head to the guild with your companions.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to the Guild|ToTheGuild]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>> <<statSummary>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $rylan_SerinAffection += 2>> <<trackAffection "Rylan" "Serin" 2>> <<set $serin_RylanAffection += 2>> <<trackAffection "Serin" "Rylan" 2>> <<set $rylan_SerinAttraction += 1>> <<trackAttraction "Rylan" "Serin" 1>> <<set $serin_RylanAttraction += 1>> <<trackAttraction "Serin" "Rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"You are more than just the tough girl, Serin. I mean, you're strong and confident, but you're also... you care about people. You push them to be better."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks up at me with surprise, her emerald eyes searching my face as if trying to determine if I'm being sincere.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Really? You think that?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Yeah. I do. And about what you said... about someone feeling that way about you... I think you're wrong about that too."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A slight blush colors her cheeks, and for once she seems genuinely speechless.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"I... thank you. I didn't expect you to say something like that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know, maybe I've been going about this all wrong,"</span> she says softly, looking down at her hands. <span class="dialog-serin">"Maybe I should try being more... I don't know. Less intense?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Don't change who you are because of what other people might think. Your intensity... it's part of what makes you who you are."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks back up at me, and there's something different in her expression now - softer, more open.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Sometimes I think you see me better than I see myself."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We sit in comfortable silence for a moment, and I realize that maybe I was wrong about Serin. Maybe there's more to her than I gave her credit for. The thought is... complicated, especially given my relationship with Liora, but I can't deny there's something genuine about this moment.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Thank you for listening to me ramble,"</span> she says finally. <span class="dialog-serin">"I don't usually... open up like that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Maybe you should more often."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She gives me a small, genuine smile that's completely different from her usual confident grin.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Maybe I will. With the right person."</span> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Night Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the night activities menu.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the night activities|NightActivities]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set _resistanceRoll = random(1, 100)>> <<set _resistanceThreshold = 70>> <<set _lustMod = Math.floor($rylan_Lust / 20) * -15>> <<set _finalResistanceThreshold = _resistanceThreshold + _lustMod>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I step into her room, trying not to seem too reluctant. The space smells like sweat and effort, and I can see where she's been working out intensely.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Thanks for keeping me company,"</span> she says, settling onto her bed and patting the space beside her. <span class="dialog-serin">"I was starting to get bored training alone."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I sit down, but keep some distance between us. Honestly, I'd rather be talking to Liora right now. She's so much gentler, more understanding. Serin always seems to be... too much.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Couldn't sleep either?"</span> I ask, trying to make conversation. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Nah, too wound up from today. All that excitement at the guild, meeting new people..."</span> She gives me a look I can't quite read. <span class="dialog-serin">"What about you? Something on your mind?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Just... thinking about things. About people."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her expression changes slightly, becoming more attentive.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Anyone in particular?"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I feel my cheeks warm thinking about Liora.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Maybe."</span> <div style="clear: left;"></div> </div> <<if _resistanceRoll <= _finalResistanceThreshold>> <<set $rylan_SerinAffection -= 1>> <<trackAffection "Rylan" "Serin" -1>> <<set $serin_RylanAffection += 1>> <<trackAffection "Serin" "Rylan" 1>> <<set $rylan_SmellFetish += 0.1>> <<trackFetish "Rylan" "SmellFetish" 0.1>> <<set $serin_DominanceFetish += 0.1>> <<trackFetish "Serin" "DominanceFetish" 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Something shifts in Serin's expression when she realizes I'm thinking about someone else. She moves closer, and I catch a stronger whiff of her post-workout scent. I try to lean back, but she doesn't seem to notice my discomfort.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know, Rylan, you don't have to be shy around me. We're friends, right?"</span> She reaches out to touch my arm, her hand still warm and slightly damp from her training. <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I want to pull away, but something about her directness makes me freeze. Her emerald eyes are studying my face intently.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Sometimes the people we think we want aren't necessarily the best for us."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"What do you mean?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Just that... maybe you should consider looking closer to home for what you need."</span> <</if>> <<if _resistanceRoll > _finalResistanceThreshold>> <<set $rylan_SerinAffection += 1>> <<trackAffection "Rylan" "Serin" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to maintain my distance and composure, though I can tell Serin is trying to get closer in some way. Her training scent is noticeable but I don't let it bother me.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know what helps me when I can't sleep?"</span> she asks, standing up and moving to her training area. <span class="dialog-serin">"Physical activity. Gets all that restless energy out."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She starts doing some stretches, and I notice how her training clothes show off her athletic figure. I try not to look, but it's hard to avoid in the small room.</p> </div> <<set $rylan_MuscleFetish += 0.1>> <<trackFetish "Rylan" "MuscleFetish" 0.1>> <<set $serin_ExhibitionismFetish += 0.1>> <<trackFetish "Serin" "ExhibitionismFetish" 0.1>> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Response</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Serin?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Ask if she means Liora when she said "closer to home"|SerinAboutLiora]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Suggest some light training together|SerinTraining]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say you should probably go|SerinLeave]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<if !$nightVisitedTonight>> <<set $nightVisitedTonight = []>> <</if>> <<set $nightVisitedTonight.push("Serin")>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I make my way quietly through the hallway to Serin's room, wondering if she's actually awake. The floorboards creak slightly under my feet, and I'm trying not to wake anyone else.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I knock softly on her door. Almost immediately, I hear her voice from within.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Come in!"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I open the door and step inside. Serin is sitting on her bed, still dressed in her training clothes. She looks like she's been working out, a light sheen of sweat on her skin and her short red hair slightly disheveled.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Well, well. Look who decided to come visit me."</span> She grins, but there's something different about her expression tonight. Less teasing, more... I can't quite place it. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Couldn't sleep. Thought I'd see if you were awake."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Lucky for you, I was just finishing up some training. Couldn't sleep either."</span> She pats the space beside her on the bed. <span class="dialog-serin">"Come on, sit. Don't be shy."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I hesitate for a moment, then sit down beside her, keeping some distance between us. Up close, I can smell her post-workout scent - not unpleasant, but definitely noticeable. It's very... her.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know, I'm glad you came by. I've been thinking about some things."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"What kind of things?"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She turns to face me more directly, and I notice her emerald eyes seem more serious than usual.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"About us. About our little group. About... well, about how some people don't always see what's right in front of them."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something in her tone that makes me feel like this conversation is about to go somewhere I'm not prepared for.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Serin, if this is about-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Just listen for a minute, okay?"</span> She holds up a hand. <span class="dialog-serin">"I know you think I'm just the annoying girl who teases you all the time. But that's not all I am."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice is softer now, more vulnerable than I've ever heard it.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Sometimes I wonder if people can see past the surface. If they can see that someone might be acting tough because they're afraid of being vulnerable."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I'm not sure what to say to that. This is a side of Serin I've never seen before.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"I wonder if someone could actually... you know... feel that way about someone like me."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The room feels smaller suddenly, and I'm very aware of how close we're sitting.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Response</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Serin?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her I don't know what to say|SerinDontKnow]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her she's more than just the tough girl|SerinMoreThan]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Ask her what she means by "someone like you"|SerinWhyUpset]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $rylan_SerinAffection += 1>> <<trackAffection "Rylan" "Serin" 1>> <<set $serin_RylanAffection += 2>> <<trackAffection "Serin" "Rylan" 2>> <<set $rylan_SerinAttraction += 1>> <<trackAttraction "Rylan" "Serin" 1>> <<set $serin_RylanAttraction += 1>> <<trackAttraction "Serin" "Rylan" 1>> <<set $rylan_Lust += 3>> <<trackLust "Rylan" 3>> <<set $serin_Lust += 4>> <<trackLust "Serin" 4>> <<set $rylan_MuscleFetish += 0.2>> <<trackFetish "Rylan" "MuscleFetish" 0.2>> <<set $rylan_SmellFetish += 0.1>> <<trackFetish "Rylan" "SmellFetish" 0.1>> <<set $serin_ExhibitionismFetish += 0.1>> <<trackFetish "Serin" "ExhibitionismFetish" 0.1>> <<set $serin_DominanceFetish += 0.1>> <<trackFetish "Serin" "DominanceFetish" 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Thank you for helping me train. I really appreciate it."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's face lights up with genuine happiness at the thanks. She sets down her equipment and walks over to me, still breathing a bit hard from our training session.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know, that means a lot to me. I was worried you might think I was just being pushy."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She runs a hand through her damp hair, and I notice the way her muscles move under her skin. There's something different about the way she's looking at me now - less teasing, more... open.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"I know I can be a bit... intense sometimes. But I really do want to help you get stronger."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"You're a good teacher, actually. Tough, but fair."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A slight flush colors her cheeks at the compliment. She seems pleased, maybe more than she expected to be.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Maybe we could do this again sometime? I mean, if you want to..."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something almost vulnerable in the way she asks, different from her usual confident demeanor.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Yeah, I'd like that. You really know what you're doing."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She grins, and for a moment she looks almost... happy? Not her usual smirk, but a genuine smile.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Good. Because I have a lot more I can teach you."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She steps closer, and I can smell her post-workout scent - something that's starting to feel familiar rather than off-putting.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You're stronger than you think you are, <<print $humanName>>. You just need to believe in yourself more."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she says my name is different than usual - less teasing, more... caring? I find myself looking at her differently, noticing things I hadn't before.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Thanks, Serin. That... that actually means a lot coming from you."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We stand there for a moment, the atmosphere between us feeling different than usual. Less antagonistic, more... connected.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Well, I should probably clean up and get some rest. You should too."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Yeah, good idea. Thanks again for tonight."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I head toward the door, she calls out softly.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"<<print $humanName>>? Thank you for... for treating me like I'm not just some annoying girl. It means more than you know."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I turn back to look at her, and there's something in her expression that makes me see her in a new light.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"You're not just some annoying girl, Serin. You're... you're actually pretty amazing."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks genuinely surprised by the compliment, her cheeks flushing slightly.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"I... thank you. That really means a lot."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I leave her room, I can't shake the feeling that something has shifted between us. Maybe there's more to Serin than I've been giving her credit for.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Night Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the night activities menu.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the night activities|NightActivities]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $rylan_SerinAffection += 1>> <<trackAffection "Rylan" "Serin" 1>> <<set $serin_RylanAffection += 2>> <<trackAffection "Serin" "Rylan" 2>> <<set $rylan_SerinAttraction += 1>> <<trackAttraction "Rylan" "Serin" 1>> <<set $serin_RylanAttraction += 1>> <<trackAttraction "Serin" "Rylan" 1>> <<set $rylan_Lust += 5>> <<trackLust "Rylan" 5>> <<set $serin_Lust += 6>> <<trackLust "Serin" 6>> <<set $rylan_MuscleFetish += 0.3>> <<trackFetish "Rylan" "MuscleFetish" 0.3>> <<set $rylan_SmellFetish += 0.2>> <<trackFetish "Rylan" "SmellFetish" 0.2>> <<set $serin_ExhibitionismFetish += 0.2>> <<trackFetish "Serin" "ExhibitionismFetish" 0.2>> <<set $serin_DominanceFetish += 0.2>> <<trackFetish "Serin" "DominanceFetish" 0.2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Actually, some light training sounds good. Maybe it'll help me sleep better."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's face lights up with genuine excitement. She jumps up from the bed with surprising energy.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Really? Great! I've been wanting to help you improve your technique."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She moves to clear some space in the room, and I notice how her training clothes show off her athletic build. The way she moves is fluid and confident, completely in her element.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"First, let's work on your stance. You're still favoring your left side too much."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She demonstrates a proper fighting stance, her muscles flexing as she moves. I find myself watching the way her body moves, admiring the strength and grace in her movements.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Like this?"</span> I try to mimic her stance. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Close, but not quite. Here, let me show you."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She steps behind me, her hands moving to my shoulders to adjust my position. I can feel the heat of her body close to mine, and catch a stronger whiff of her scent - sweat and something distinctly... her.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You need to distribute your weight evenly. Feel how your balance changes when I adjust your stance?"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her hands are firm and sure as she guides my posture. I'm surprised by how focused she is on actually teaching me, not just showing off.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Yeah, I can feel the difference. You're really good at this."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She moves back around to face me, and I notice a slight flush on her cheeks. Whether from the training or something else, I'm not sure.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Now let's work on your footwork. Watch how I move."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She demonstrates a series of movements, her body flowing from one position to another with practiced ease. I find myself genuinely impressed by her skill and dedication.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You're picking this up faster than I expected. Maybe you're not as hopeless as I thought."</span> She grins, but there's genuine approval in her voice. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Thanks. I think having a good teacher helps."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks genuinely pleased by the compliment, her expression softening.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know, I've been thinking about what you said earlier. About people not seeing what's right in front of them."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"What about it?"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She pauses in her movements, looking at me with an expression I can't quite read.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Maybe I'm the one who hasn't been seeing clearly. Maybe I've been so focused on getting attention that I haven't been showing who I really am."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The vulnerability in her voice surprises me. This is a side of Serin I've never seen before.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I think you're showing me who you really are right now."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks at me with surprise, then gives me a small, genuine smile.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Maybe I am."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We continue training for a while longer, but the atmosphere has shifted. There's less teasing, more genuine connection. I find myself seeing Serin in a completely different light.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Response</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Serin?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Thank her for the training|SerinThankTraining]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Ask her what she meant about showing who she really is|SerinHeartbreak]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Return to the night activities|NightActivities]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $rylan_SerinAffection += 1>><<trackAffection "Rylan" "Serin" 1>><<set $serin_RylanAffection += 2>><<trackAffection "Serin" "Rylan" 2>> <div style="background: linear-gradient(135deg, #4a2a4a 0%, #2a1a2a 100%); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(138, 43, 226, 0.3);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"What do you mean by 'someone like you'? Why would you say that?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks away, her emerald eyes avoiding mine as she fidgets with the edge of her training clothes.</p> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I don't know... I guess I mean someone who's always causing trouble. Someone who's loud and aggressive and doesn't know when to back down."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something in her voice that I've never heard before - genuine insecurity.</p> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Sometimes I wonder if people just see me as this annoying girl who won't leave them alone. Like I'm too much for anyone to actually... you know."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Serin, that's not..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I know I tease you a lot. Maybe too much. But it's just... I don't know how else to get people's attention. I don't know how to be... softer, I guess."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She runs a hand through her hair, looking more vulnerable than I've ever seen her.</p> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I look at someone like Liora, and she's so gentle and kind, and everyone loves her. And then there's me - loud, pushy, always trying to prove something."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"But you're strong. You're confident. That's not a bad thing."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Is it enough though? Would someone actually want to be with someone like that? Someone who's always ready for a fight, who can't seem to just... be quiet and gentle?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The question hangs in the air between us, and I realize this is the most honest conversation I've ever had with Serin.</p> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I guess I'm just scared that maybe the person I am isn't the person anyone would actually want to be with."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"That's not true. You're wrong about that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Am I? Because it doesn't feel like it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks at me with such sadness in her eyes, and I realize that maybe I've been wrong about Serin all along.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Choose Your Response</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How will you respond to Serin's vulnerability?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Tell her she's more than just the tough girl|SerinMoreThan]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Say you don't know what to say|SerinDontKnow]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Return to the night activities|NightActivities]]</div></div></div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('start1.mp3');<</script>><div class="chapter-overlay"></div><div class="chapter-title-container"><div class="chapter-title">Chapter 0</div><div class="chapter-subtitle">The Ones Without Names</div></div> <script> $(document).ready(function() { const audio = new Audio('sounds/chapterchange.wav'); audio.play(); setTimeout(function() { $('.chapter-title-container, .chapter-overlay').addClass('fade-out'); }, 3000); }); </script> <style> .chapter-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 999; opacity: 1; transition: opacity 2s; } .chapter-title-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1000; opacity: 1; transition: opacity 2s; } .chapter-title { font-size: 4em; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); margin-bottom: 0.5em; } .chapter-subtitle { font-size: 2em; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .fade-out { opacity: 0; pointer-events: none; } </style> <div class="start2-container" style="background: linear-gradient(to bottom, rgba(75,0,130,0.4), rgba(139,0,139,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px;">The Legendary Heroes</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">In the darkest hour, four heroes rose to challenge the Demon King. Their deeds shaped the world and their legacy lives on through those who carry their torch.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="hero-entry" style="background: rgba(45,45,50,0.6); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/mariel/past/temple.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <b style="color: #e6e6ff;">Mariel</b> - Once a young priestess, her faith and healing magic saved countless lives. She is now <<print $marielToHuman>>, and he calls her <<print $humanToMariel>>.</div> <div class="hero-entry" style="background: rgba(45,45,50,0.6); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/thalor/portraitpast.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <b style="color: #e6e6ff;">Thalor</b> - The indomitable warrior wielding a broadsword, famed for his courage. Husband to Mariel, he is <<print $humanName>>'s <<print $thalorToHuman>>, who calls him <<print $humanToThalor>>.</div> <div class="hero-entry" style="background: rgba(45,45,50,0.6); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/verdalis/portraitpast.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <b style="color: #e6e6ff;">Verdalis</b> - The beautiful dryad with emerald eyes and hair, guardian of the wilds, whose wisdom and nature magic turned the tide of many battles.</div> <div class="hero-entry" style="background: rgba(45,45,50,0.6); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/gairos/portraitpast.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <b style="color: #e6e6ff;">Gairos</b> - The most powerful mage in the world after the Demon King, and the strongest human alive. With a muscled body, a long beard, and great age, he led the party with unmatched might and wisdom.</div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Together, these heroes defeated the Demon King in a fierce and legendary battle, bringing peace to the world at last. But not all is as it seems... That, however, is a story for another time perhaps one yet to be told.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Time Passes</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next chapter.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|TimeSkip]]</div></div></div> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('echoesofashes.mp3');<</script>> <<set $timeOfDay = "memory">> <div style="background: linear-gradient(to bottom, rgba(60,60,60,0.4), rgba(40,40,40,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">The battle was over...</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Azgorth lay slumped against his obsidian throne, his beautiful purple skin now pale in death. The lightning javelin had found its mark when his barrier failed, piercing straight through his heart. His three wives Lilithia, Saphyra, and Morrigana lay scattered across the marble floor, their beauty frozen in eternal stillness.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The spell he had been channeling died with him, its purpose forever unknown.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel's legs gave out beneath her. She knelt among the carnage, her white robes stained with blood some of it her own from the fierce battle, but most of it belonging to others. Her hands shook as she tried to process what they had done.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"It's finished,"</span> Master Gairos declared, his voice showing no emotion despite the exhaustion written across his weathered features. <span style="color: lightblue;">"The Demon King is dead. The world is safe."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span style="color: lightgreen;">"The forest spirits... they're singing again. But their song is... confused. Sad."</span> Verdalis approached the fallen Demon King, her emerald eyes reflecting genuine sorrow. <span style="color: lightgreen;">"I don't think he was lying about wanting to heal the world."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"It doesn't matter what he intended. He was a demon. That's all that matters."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Survivors</h4> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But Mariel's attention was drawn to the far corner of the throne room, where she could hear quiet sobbing. The three children Azgorth's children huddled together beside the burned bodies of their loyal maids. The survivors.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The youngest was barely more than a baby. The eldest, still just a child. They clung to each other, their eyes wide with terror and grief, their small bodies trembling.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">*<span class="dialog-mariel">They're just children,</span>* Mariel thought, her heart breaking. *<span class="dialog-mariel">Whatever their father was, whatever he planned... they're innocent.</span>*</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">One of the surviving maids burned and bleeding but still breathing looked up at the approaching heroes with desperate eyes. <span style="color: brown;">"Please... at least spare the children... They're unarmed. They don't even know what they are."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Of course we'll spare them,"</span> Mariel said quickly, rising to her feet. <span class="dialog-mariel">"They're just babies. They've done nothing wrong."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But Master Gairos stepped forward, his expression hard as stone. <span style="color: lightblue;">"It has to be done. You know what will happen if we leave them. You know what they will become."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Moral Divide</h4> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel's blood ran cold. <span class="dialog-mariel">"Gairos, no. We can't. They're children!"</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/verdalis/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Verdalis"> <span style="color: lightgreen;">"The dryad agrees with the priestess. These little ones have done no harm to the forests. Their father's sins are not theirs to bear."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"Sentiment. They carry demon blood. In ten years, twenty years, they'll remember this day. They'll seek revenge. They'll become what their father was or worse."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The eldest child a young boy with his father's purple skin and his mother's red hair stepped protectively in front of his younger siblings. Despite his terror, despite the tears streaming down his face, he spread his small arms wide as if he could shield them from the approaching heroes.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><span style="color: darkorchid;">"Please... don't hurt them. If you have to kill someone, kill me. But let my little brother and sister live."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">His voice was barely more than a whisper, choked with sobs, but the courage in those words made Mariel's chest tighten painfully.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Desperate Pleas</h4> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Please stop... They're just children..."</span> Tears began flowing down her cheeks. <span class="dialog-mariel">"Look at them, Gairos. They're terrified. They're babies."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The wounded maid at Mariel's feet reached up with a bloody hand and gripped her white robes. <span style="color: brown;">"Please... they called their father 'Papa.' They played with wooden toys. They liked stories about brave knights and beautiful princesses. They're just... they're just children who want their parents back."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"And in twenty years, they'll be demons who slaughter innocent families. I've seen it before, priestess. Mercy now is cruelty later."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Then we take them with us! We raise them properly! We"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"And risk them corrupting more innocents Risk them turning on their adoptive families when their true nature asserts itself No."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Thalor's Burden</h4> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Thalor had been silent through this exchange, standing over the body of the Demon King with his bloodied sword still in hand. His face was pale, his usual confidence shaken by what they had witnessed.</p> <span class="dialog-thalor">"Gairos... look at them. The boy is trying to protect his siblings. That's... that's what humans do. That's love."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"It's instinct. Even wolves protect their young. It means nothing."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The youngest child peeked out from behind her brother's protective stance. Her voice was so small, so innocent. <span style="color: lavender;">"Mama? Where's Mama? I want Mama..."</span></p> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">That broke something inside Mariel. She started forward, intending to comfort the child, but Gairos's firm hand on her shoulder stopped her.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"Step back, priestess."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I won't let you murder children!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <span style="color: lightblue;">"Then you're not the hero I thought you were."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Final Confrontation</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The tension stretched taut between them. Verdalis moved to stand beside Mariel, her expression determined. <span style="color: lightgreen;">"The forest spirits protect all young life. I cannot allow this."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">For a moment, it seemed as though the heroes might turn their weapons on each other. The children watched with growing terror as the argument escalated.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then Thalor's voice cut through it all, low but unwavering:</p> <span class="dialog-thalor">"Master Gairos... please go outside. Take Mariel with you."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thalor, you can't?!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"I can't let them grow up to become what their father was. But I also can't let you watch this. Please... go outside."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"No! I won't leave! I won't let you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <span class="dialog-thalor">"MARIEL!"</span> His voice cracked like a whip, filled with anguish. <span class="dialog-thalor">"Please. Don't make this harder than it already is. Don't make me carry the memory of you watching me become a child-killer."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Moment of Horror</h4> <center><img src="images/thalor/throneroom.webp" alt="Thalor in throne room" width="400"></center> <img src="images/gairos/portraitpast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Gairos"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Gairos grabbed Mariel's arm, pulling her toward the exit. <span style="color: lightblue;">"Come, priestess. This is warrior's work."</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"NO! THALOR, PLEASE!"</span> She fought against Gairos's grip, reaching desperately toward the children. <span class="dialog-mariel">"They're innocent! They're just babies!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As they dragged her from the throne room, she heard the eldest boy's voice one last time: <span style="color: darkorchid;">"It's okay, little sister. Close your eyes."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The massive doors slammed shut behind them.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">For a moment, there was only silence.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then she heard it, the sound of steel being drawn. Thalor's voice, gentle but firm: <span class="dialog-thalor">"It will be quick, I promise. You won't feel any pain."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A child's voice, small and trusting: <span style="color: darkorchid;">"Will we see Mama and Papa again?"</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><span class="dialog-thalor">"Yes. You'll see them again."</span></p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sounds that followed would haunt Mariel for the rest of her life.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Aftermath</h4> <img src="images/mariel/past/temple.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She collapsed outside the throne room doors, sobbing uncontrollably. Her faith, her certainty about good and evil, her belief in heroism, it all shattered in that moment.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">*<span class="dialog-mariel">We were supposed to be the heroes,</span>* she thought through her tears. *<span class="dialog-mariel">We were supposed to save people, not murder children.</span>*</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/thalor/facepast.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Thalor"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When the doors finally opened again, Thalor emerged alone. His sword was clean, but his eyes were hollow. He looked at Mariel with such pain that she almost didn't recognize him.</p> <span class="dialog-thalor">"It's done."</span> His voice was barely a whisper. <span class="dialog-thalor">"I've become what I swore to fight against."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory fades, but the pain remains. Mariel's hands shake as she remembers that day, the day she learned that sometimes the greatest evil isn't what you fight against, but what you become in the process of fighting.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The children's voices still echo in her dreams, asking why, asking for mercy, asking for their parents. And she has no answers, only the terrible knowledge that sometimes there are no good choices, only terrible ones.</p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to Present</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Back to the kitchen.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|MarielBackToPresent]]</div></div></div> </div> <<changeFace $currentMarielFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('start1.mp3');<</script>> <div style="background: linear-gradient(135deg, #2a2a4a 0%, #1a1a3a 100%); border-radius: 15px; padding: 30px; margin: 20px 0; border: 2px solid rgba(138, 43, 226, 0.3);"> <div style="background: rgba(0,0,0,0.4); border-radius: 10px; padding: 25px; border: 1px solid rgba(138, 43, 226, 0.2);"> <<set $timeOfDay = "morning">><<set $daysPassed = 0>><<set $chapter = 0>> <center><h1 style="color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 30px;">Chapter 0: The Ones Without Names</h1></center> <center><img src="images/landscapes/lindale.webp" alt="Village Morning" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><strong>Twenty years have passed since the legendary heroes defeated the Demon King.</strong></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The world has known peace, prosperity, and growth. Towns have flourished, trade routes have expanded, and the monster threat has been reduced to manageable levels. The Adventurer's Guild, once a desperate necessity for survival, now serves as both protector and opportunity for those seeking fame and fortune.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But in the shadows of this peaceful world, something stirs. The seals that bind the defeated evils weaken with each passing year, and those who remember the old terrors grow fewer and more complacent.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">In a small town named Lindale, far from the great cities and their grand adventures, a young man prepares to face his third attempt at the guild exam. His name is <<print $humanName>>, and though he doesn't know it yet, his story is about to intersect with forces far greater than he can imagine.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">This is the story of how heroes are made, how bonds are forged, and how even the most innocent desires can lead to the most profound changes.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">This is the story of <<print $humanName>>, of his dreams, his relationships, and the dark power that will soon enter his life and change everything.</p> <div style="clear: left;"></div> </div> <center><img src="images/rylan/portrait.webp" alt="Rylan Portrait" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6; text-align: center;"><strong>Let the story begin...</strong></p> <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Begin</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Story Begins</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Start your adventure.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin|WakeUp]]</div></div></div> </div> </div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<set _baseRylanMuscleRoll = random(1, 100)>> <<set _baseSerinExhibRoll = random(1, 100)>> <<set _baseRylanVoiceRoll = random(1, 100)>> <<set _baseRylanClothingRoll = random(1, 100)>> <<set _baseLioraVoyeurRoll = random(1, 100)>> <<set _baseLioraSubmissiveRoll = random(1, 100)>> <<set _rylanBaseThreshold = 35>> <<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>> <<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>> <<set _rylanFinalThreshold = _rylanBaseThreshold + _rylanLustMod + _rylanCorruptionMod>> <<set _serinBaseThreshold = 35>> <<set _serinLustMod = Math.floor($serin_Lust / 20) * -5>> <<set _serinCorruptionMod = Math.floor($serin_corruption / 20) * -10>> <<set _serinFinalThreshold = _serinBaseThreshold + _serinLustMod + _serinCorruptionMod>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Be careful, and remember what I said,"</span> Mariel called after them as they set off down the path to the guild. Her voice carried that familiar mix of warmth and worry that always made <<print $humanName>>'s chest tighten a little. <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The morning sun was barely peeking over the rooftops as the three of them made their way through the gradually awakening town. Serin, as usual, took the lead with an energetic bounce in her step that seemed almost criminal for this early hour.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"So, about that time you tried to impress Liora with your 'advanced combat technique' and ended up face-first in the training dummy..."</span> Serin's grin was positively demonic as she walked backwards in front of them, her athletic form moving with natural grace despite not even watching where she was going. <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/stretch.webp" alt="Serin Stretching" width="600"></center> <<if $rylan_MuscleFetish <= 0 && _baseRylanMuscleRoll <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanMuscleBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set _finalMuscleGain = _baseGain * _rylanMuscleBonus>> <<set $rylan_MuscleFetish += _finalMuscleGain>> <<trackFetish "Rylan" "Muscle" _finalMuscleGain>> <<set _sweatGain = 0.1>> <<set _rylanSweatBonus = ($rylan_naturalTendencies ?? []).includes("sweat") ? 1.5 : 1>> <<set _finalSweatGain = _sweatGain * _rylanSweatBonus>> <<set $rylan_SmellFetish += _finalSweatGain>> <<trackFetish "Rylan" "Smell" _finalSweatGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The morning light caught on Serin's athletic form, but <<print $humanName>> found her obvious display of physical prowess somewhat off-putting. There was such a thing as too much muscle definition.</p> </div> <<set $rylan_SerinAffection -= 1>> <<trackAffection "Rylan" "Serin" -1>> <<elseif _baseRylanMuscleRoll <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanMuscleBonus = ($rylan_naturalTendencies ?? []).includes("muscle") ? 1.5 : 1>> <<set _finalMuscleGain = _baseGain * _rylanMuscleBonus>> <<set $rylan_MuscleFetish += _finalMuscleGain>> <<trackFetish "Rylan" "Muscle" _finalMuscleGain>> <<set _sweatGain = 0.2>> <<set _rylanSweatBonus = ($rylan_naturalTendencies ?? []).includes("sweat") ? 1.5 : 1>> <<set _finalSweatGain = _sweatGain * _rylanSweatBonus>> <<set $rylan_SmellFetish += _finalSweatGain>> <<trackFetish "Rylan" "Smell" _finalSweatGain>> <<set $rylan_Lust += 3>> <<trackLust "Rylan" 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The morning sun caught on the sheen of sweat from Serin's morning training, drawing <<print $humanName>>'s attention to the defined muscles of her arms and the curve of her neck.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <<print $humanName>> protested, trying not to notice how her training outfit hugged her figure as she stretched mid-walk. <div style="clear: left;"></div> </div> <<if $rylan_ExhibitionismFetish <= 0 && _baseSerinExhibRoll <= _serinFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanExhibBonus = ($rylan_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>> <<set _finalExhibGain = _baseGain * _rylanExhibBonus>> <<set $rylan_ExhibitionismFetish += _finalExhibGain>> <<trackFetish "Rylan" "Exhibitionism" _finalExhibGain>> <<set _voyeurGain = 0.1>> <<set _rylanVoyeurBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set _finalVoyeurGain = _voyeurGain * _rylanVoyeurBonus>> <<set $rylan_VoyeurismFetish += _finalVoyeurGain>> <<trackFetish "Rylan" "Voyeurism" _finalVoyeurGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's constant need to show off and draw attention made <<print $humanName>> cringe internally. Her exhibitionist tendencies were becoming more uncomfortable by the day.</p> </div> <<set $rylan_SerinAffection -= 1>> <<trackAffection "Rylan" "Serin" -1>> <<elseif _baseSerinExhibRoll <= _serinFinalThreshold>> <<set _exhibGain = 0.2>> <<set _serinExhibBonus = ($serin_naturalTendencies ?? []).includes("exhibitionism") ? 1.5 : 1>> <<set _finalSerinExhibGain = _exhibGain * _serinExhibBonus>> <<set $serin_ExhibitionismFetish += _finalSerinExhibGain>> <<trackFetish "Serin" "Exhibitionism" _finalSerinExhibGain>> <<set _voyeurGain = 0.2>> <<set _rylanVoyeurBonus = ($rylan_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set _finalVoyeurGain = _voyeurGain * _rylanVoyeurBonus>> <<set $rylan_VoyeurismFetish += _finalVoyeurGain>> <<trackFetish "Rylan" "Voyeurism" _finalVoyeurGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin stretched deliberately, her training outfit hugging her athletic form.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Aww, but you make it so fun to tease~"</span> <div style="clear: left;"></div> </div> <<set $rylan_Lust += 2>> <<trackLust "Rylan" 2>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"I... I thought it was quite impressive, actually,"</span> Liora interjected softly, her healing magic unconsciously manifesting as a gentle glow around her hands when she got flustered. <div style="clear: left;"></div> </div> <<set $liora_RylanAffection += 1>> <<trackAffection "Liora" "Rylan" 1>> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _magicGain = 0.2>> <<set _rylanMagicBonus = ($rylan_naturalTendencies ?? []).includes("magic") ? 1.5 : 1>> <<set _finalMagicGain = _magicGain * _rylanMagicBonus>> <<set $rylan_MagicFetish += _finalMagicGain>> <<trackFetish "Rylan" "Magic" _finalMagicGain>> <<set _voiceGain = 0.2>> <<set _rylanVoiceBonus = ($rylan_naturalTendencies ?? []).includes("voice") ? 1.5 : 1>> <<set _finalVoiceGain = _voiceGain * _rylanVoiceBonus>> <<set $rylan_VoiceFetish += _finalVoiceGain>> <<trackFetish "Rylan" "Voice" _finalVoiceGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The ethereal glow highlighted her delicate features, her soft voice carrying an almost musical quality that made <<print $humanName>>'s heart skip.</p> </div> <<set $rylan_Lust += 3>> <<trackLust "Rylan" 3>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Oh? What exactly was impressive? The part where he spun around like a drunk chicken, or the part where he got intimate with the training dummy?"</span> Serin's eyes sparkled with mischief as she dodged <<print $humanName>>'s half-hearted swipe. <div style="clear: left;"></div> </div> <<if random(1, 100) <= 35>> <<set _baseGain = 0.1>> <<set _lioraJealousyBonus = ($liora_naturalTendencies ?? []).includes("jealousy") ? 1.5 : 1>> <<set _finalJealousyGain = _baseGain * _lioraJealousyBonus>> <<set $liora_JealousyFetish += _finalJealousyGain>> <<trackFetish "Liora" "Jealousy" _finalJealousyGain>> <<set _submissiveGain = 0.1>> <<set _lioraSubmissiveBonus = ($liora_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>> <<set _finalSubmissiveGain = _submissiveGain * _lioraSubmissiveBonus>> <<set $liora_SubmissionFetish += _finalSubmissiveGain>> <<trackFetish "Liora" "Submission" _finalSubmissiveGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's fingers twisted in her robes as she watched their playful interaction, her usual serene expression faltering slightly.</p> </div> <<set $liora_SerinAffection -= 1>> <<trackAffection "Liora" "Serin" -1>> <<set $liora_RylanAttraction += 1>> <<trackAttraction "Liora" "Rylan" 1>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"At least I'm not the one who screamed when a butterfly landed on their nose during stealth training."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"It was a very aggressive butterfly!"</span> Serin protested, her cheeks coloring slightly. <span class="dialog-serin">"Besides, you're just jealous because I passed my exam first~"</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _voiceGain = 0.1>> <<set _serinVoiceBonus = ($serin_naturalTendencies ?? []).includes("voice") ? 1.5 : 1>> <<set _finalSerinVoiceGain = _voiceGain * _serinVoiceBonus>> <<set $serin_VoiceFetish += _finalSerinVoiceGain>> <<trackFetish "Serin" "Voice" _finalSerinVoiceGain>> <<set _submissiveGain = 0.1>> <<set _serinSubmissiveBonus = ($serin_naturalTendencies ?? []).includes("submission") ? 1.5 : 1>> <<set _finalSerinSubmissiveGain = _submissiveGain * _serinSubmissiveBonus>> <<set $serin_SubmissionFetish += _finalSerinSubmissiveGain>> <<trackFetish "Serin" "Submission" _finalSerinSubmissiveGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way <<print $humanName>> managed to turn her teasing back on her sent an unexpected shiver down Serin's spine.</p> </div> <<set $serin_Lust += 2>> <<trackLust "Serin" 2>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"Um... the guild is just around this corner..."</span> Liora's attempt at mediation was interrupted by Serin suddenly grabbing both their hands. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Race you there!"</span> she declared, pulling them into a run before either could protest. Her grip was firm but gentle, her warrior's calluses rough against <<print $humanName>>'s palm. <div style="clear: left;"></div> </div> <<if random(1, 100) <= _rylanFinalThreshold>> <<set _touchGain = 0.2>> <<set _rylanTouchBonus = ($rylan_naturalTendencies ?? []).includes("touch") ? 1.5 : 1>> <<set _finalRylanTouchGain = _touchGain * _rylanTouchBonus>> <<set $rylan_TouchFetish += _finalRylanTouchGain>> <<trackFetish "Rylan" "Touch" _finalRylanTouchGain>> <<set _strengthGain = 0.2>> <<set _rylanStrengthBonus = ($rylan_naturalTendencies ?? []).includes("strength") ? 1.5 : 1>> <<set _finalRylanStrengthGain = _strengthGain * _rylanStrengthBonus>> <<set $rylan_StrengthFetish += _finalRylanStrengthGain>> <<trackFetish "Rylan" "Strength" _finalRylanStrengthGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The contrast between her strength and gentleness made <<print $humanName>>'s pulse quicken.</p> </div> <<set $rylan_Lust += 3>> <<trackLust "Rylan" 3>> <</if>> <<if random(1, 100) <= _serinFinalThreshold>> <<set _touchGain = 0.2>> <<set _lioraTouchBonus = ($liora_naturalTendencies ?? []).includes("touch") ? 1.5 : 1>> <<set _finalLioraTouchGain = _touchGain * _lioraTouchBonus>> <<set $liora_TouchFetish += _finalLioraTouchGain>> <<trackFetish "Liora" "Touch" _finalLioraTouchGain>> <<set _strengthGain = 0.2>> <<set _lioraStrengthBonus = ($liora_naturalTendencies ?? []).includes("strength") ? 1.5 : 1>> <<set _finalLioraStrengthGain = _strengthGain * _lioraStrengthBonus>> <<set $liora_StrengthFetish += _finalLioraStrengthGain>> <<trackFetish "Liora" "Strength" _finalLioraStrengthGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's breath caught at the firm but careful way Serin guided them, her cheeks flushing pink.</p> </div> <<set $liora_Lust += 3>> <<trackLust "Liora" 3>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Their voices carried on the morning breeze, a perfect harmony of Serin's confident laughter, Liora's gentle protests, and <<print $humanName>>'s mix of exasperation and amusement.</p> </div> <center><img src="images/serin/citybackmuscle.webp" alt="Serin Adjusting Outfit" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Just before they reached the guild entrance, Serin stopped to adjust her leather training outfit, running a hand through her wind-tousled red hair. The morning sun caught on the intricate buckles of her top, drawing attention to the well-defined muscles of her back.</p> </div> <<if $rylan_ClothingFetish <= 0 && random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.1>> <<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>> <<set _finalClothingGain = _baseGain * _rylanClothingBonus>> <<set $rylan_ClothingFetish += _finalClothingGain>> <<trackFetish "Rylan" "Clothing" _finalClothingGain>> <<set _leatherGain = 0.1>> <<set _rylanLeatherBonus = ($rylan_naturalTendencies ?? []).includes("leather") ? 1.5 : 1>> <<set _finalLeatherGain = _leatherGain * _rylanLeatherBonus>> <<set $rylan_LeatherFetish += _finalLeatherGain>> <<trackFetish "Rylan" "Leather" _finalLeatherGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> tried not to stare at how the leather hugged her form, feeling oddly uncomfortable with the way the outfit drew attention.</p> </div> <<elseif random(1, 100) <= _rylanFinalThreshold>> <<set _baseGain = 0.2>> <<set _rylanClothingBonus = ($rylan_naturalTendencies ?? []).includes("clothing") ? 1.5 : 1>> <<set _finalClothingGain = _baseGain * _rylanClothingBonus>> <<set $rylan_ClothingFetish += _finalClothingGain>> <<trackFetish "Rylan" "Clothing" _finalClothingGain>> <<set _leatherGain = 0.2>> <<set _rylanLeatherBonus = ($rylan_naturalTendencies ?? []).includes("leather") ? 1.5 : 1>> <<set _finalLeatherGain = _leatherGain * _rylanLeatherBonus>> <<set $rylan_LeatherFetish += _finalLeatherGain>> <<trackFetish "Rylan" "Leather" _finalLeatherGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way the leather creaked softly as she moved sent an unexpected shiver down <<print $humanName>>'s spine.</p> </div> <<set $rylan_Lust += 3>> <<trackLust "Rylan" 3>> <</if>> <<if random(1, 100) <= _serinFinalThreshold>> <<set _voyeurGain = 0.2>> <<set _lioraVoyeurBonus = ($liora_naturalTendencies ?? []).includes("voyeurism") ? 1.5 : 1>> <<set _finalLioraVoyeurGain = _voyeurGain * _lioraVoyeurBonus>> <<set $liora_VoyeurismFetish += _finalLioraVoyeurGain>> <<trackFetish "Liora" "Voyeurism" _finalLioraVoyeurGain>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora's eyes lingered on Serin's outfit for a moment longer than necessary, her cheeks coloring slightly.</p> </div> <<set $liora_Lust += 2>> <<trackLust "Liora" 2>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"All this training is really paying off~"</span> she said with a playful grin, flexing her arm muscles as she stretched. <span class="dialog-serin">"Though I think someone's been enjoying the results more than they'd like to admit~"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I was not staring!"</span> <<print $humanName>> protested automatically, though the heat in his cheeks suggested otherwise. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"The... the guild building looks impressive today..."</span> Liora attempted to change the subject, her voice slightly higher than usual. <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The guild building loomed ahead, its stone walls weathered but proud, ready to receive another day's worth of adventurers and their stories.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Guild Entrance</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Enter the guild building.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Guild Entrance|GuildEntrance]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('start1.mp3');<</script>><<set $configUnlocked = true>><<changeFace $currentRylanFace>><<set $metRylan = true>><<set $metMariel = true>><<set $metThalor = true>><<script>>$(document).ready(function() {if (!$('#portraitContainer').length) {const portraitContainer = $('<div id="portraitContainer"></div>');$('#ui-bar').prepend(portraitContainer);}setPageElement('portraitContainer', 'StoryLeftSidebar');});if (State.variables.rylan_Lust > 0) {let oldLust = State.variables.rylan_Lust;State.variables.rylan_Lust = Math.max(0, oldLust - State.variables.lustDecayOnSleep);StatSystem.showStatChange("Rylan's Lust", oldLust, State.variables.rylan_Lust);}<</script>> <div class="wake-up-container" style="background: linear-gradient(to bottom, rgba(255,215,0,0.3), rgba(255,165,0,0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Morning sun filters through the wooden shutters. A light breeze stirs the curtains.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> stretches in bed, still sore despite Mariel's pampering care. She always insists on more sleep, more food, more rest before any strain.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Today is the day of final preparations.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;"><<print $humanName>> sits up slowly.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Another try... I won't screw it up this time,"</span> <<print $humanName>> mutters. <div style="clear: left;"></div> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Routine</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Get dressed and head downstairs.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Get dressed and head downstairs.|CampMorning]]</div></div></div> </div> <</nobr>> <<script>> // Wait for DOM to be ready $(document).ready(function() { // Unlock diaries with delay setTimeout(() => { if (State.variables.metRylan) { DiarySystem.unlockCharacter("Rylan"); } setTimeout(() => { if (State.variables.metMariel) { DiarySystem.unlockCharacter("Mariel"); } setTimeout(() => { if (State.variables.metThalor) { DiarySystem.unlockCharacter("Thalor"); } }, 1000); }, 1000); }, 1000); }); <</script>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $currentPOV = "Serin">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">The Transformation Complete</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The transformation seems to have finished, and <<print $humanName>> straightens up, looking... different somehow. Not visibly, but there's something in his posture, his expression.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I'm okay. Actually, I'm feeling amazing."</span> His voice carries a confidence I haven't heard before. <span class="dialog-rylan">"You should all try one too. This power... it's incredible."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"Are you sure it's safe?"</span> Liora looks worried, her healing instincts making her cautious. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"I don't know, bro. Messing with soul magic is pretty serious stuff."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Perhaps we should be more careful..."</span> Mariel's experience as an ex-priestess makes her hesitant. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Serin's Decision</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But something about <<print $humanName>>'s transformation intrigues me. If there's power to be gained, I want it. I've always been the one pushing boundaries, taking risks.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"You know what? I'll try one."</span> I step forward and grab one of the glowing stones before anyone can stop me. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Serin, wait!"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Too late. Without hesitation, I pop the stone into my mouth and swallow it whole. The moment it goes down, energy surges through me like lightning. My muscles feel stronger, my reflexes sharper, my mind clearer. This is... incredible.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Questions and Answers</h4> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Oh wonderful! Another brave soul!"</span> Nimeria claps her hands excitedly. <span class="dialog-nimeria">"Now do the same - think of a memory that changed your life, something that shaped who you are!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"How do you even know about this process?"</span> Mariel asks, her ex-priestess training making her suspicious of unknown magic. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Oh, I read about it in a book from Veryn! Ancient soul magic is fascinating!"</span> Nimeria explains cheerfully. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Nim has read many books in her life. She's quite the scholar."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Veryn... somehow I think I've heard that name before..."</span> Mariel frowns, trying to place the familiar name. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Memory of Heartbreak</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close my eyes, feeling the stone's energy pulsing through me. A memory that changed my life?</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Hmm... no idea."</span> I frown, trying to think of something significant. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Anything! Maybe about your friendship with Liora and <<print $humanName>>?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Friendship. The word hits me like a punch to the gut, and suddenly I know exactly which memory the stone wants.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">That night. The night I followed them, hoping to finally tell <<print $humanName>> how I felt. Instead, I hid behind a tree and watched as he confessed his love to Liora. Watched as her face lit up with joy. Watched as they both admitted what I'd feared all along - that they belonged together, and I was just the friend on the sidelines.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory floods back with painful clarity. The way my heart shattered as I realized I'd lost him before I ever had the chance to tell him how I felt. The bitter taste of jealousy mixed with the ache of knowing I could never compete with sweet, innocent Liora.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I remember standing there in the shadows, tears streaming down my face, feeling like such a fool for thinking someone like <<print $humanName>> could ever choose me over her. The tomboy who teased and fought, versus the gentle healer who brought out his protective instincts.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the Soulstone feeds on this memory, the energy shifts. It becomes something cold and hungry, feeding on my heartbreak, my jealousy, my sense of being left behind. The power doesn't feel warm and comforting - it feels sharp and bitter, like the emotions that created it.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>🌑 SOUL CORRUPTION AWAKENED 🌑</h3><p>Dark power courses through your soul, born from heartbreak and jealousy.</p></div></div> <center><img src="images/serin/face.webp" alt="Serin" width="300"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The corruption settles into my bones, whispering dark thoughts. Maybe I don't have to just accept being the third wheel. Maybe I don't have to smile and pretend I'm happy for them. Maybe it's time I started fighting for what I want instead of just watching from the sidelines.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Wow... that's... intense."</span> I open my eyes, feeling the dark power thrumming through me. Nobody else can see it, but I can feel how it's changed me. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"How do you feel?"</span> <span class="dialog-serin">"Stronger. Much stronger."</span> And hungrier. Hungrier for things I've been denying myself. </div> <<set $serin_combatStats.maxHealth += 25>> <<set $serin_combatStats.maxStamina += 25>> <<set $serin_combatStats.physicalPower += 2>> <<set $serin_combatStats.agility += 2>> <<set $serin_combatStats.technique += 2>> <<set $serin_combatStats.willpower += 2>> <<set $serin_intelligence += 2>> <<set $serin_perception += 2>> <<addSoulCorruption "serin" 1>> <<soulDisplay "serin">> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Soulstone Reactions</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">See how others react to the soulstone transformation.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SoulstoneReactions]]</div></div></div> <<changeFace $currentSerinFace>> <</nobr>>

<<nobr>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">All Transformed</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I watch as the last of the soul transformations complete. Everyone looks... different somehow. Not physically, but there's something in their eyes, their posture. The power has changed us all.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Is everyone alright?"</span> I ask, concerned about what we've all just experienced. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Yeah, I'm fine. Better than fine, actually."</span> There's something new in Serin's voice - a confidence that wasn't there before. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"I feel... different, but in a good way."</span> Liora's gentle smile seems brighter somehow. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"I'm perfectly fine, dear."</span> Mariel's voice is steady, but there's an edge to it I haven't heard before. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Questions and Limits</h4> <span class="dialog-rylan">"What if we swallowed more of these stones? Would we get even stronger?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Oh no, that wouldn't do anything! One stone per person is all that works. The soul can only be awakened once!"</span> Nimeria explains cheerfully. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Probably for the best, bro. This kind of power... it's intense."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I nod, feeling the truth of his words. The energy coursing through me is incredible, but also overwhelming.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Time to Rest</h4> <span class="dialog-rylan">"Today has been exhausting. Maybe we should all get some rest."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"That sounds like a good idea. All this... it's a lot to process."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"Yes, sleep would be wise. We can discuss what this all means tomorrow."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we all head to our respective rooms, I can't shake the feeling that everything has changed. The power flowing through me whispers of possibilities I never imagined before.</p> </div> <div class="soul-system-guide" style="background: linear-gradient(145deg, rgba(100,100,200,0.2), rgba(80,80,180,0.3)); border: 2px solid rgba(150,150,255,0.4); border-radius: 12px; padding: 20px; margin: 25px 0; box-shadow: 0 6px 15px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <h3 style="color: #d0d0ff; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0 0 15px 0; text-align: center; font-size: 1.3em;">⚡ Soul System Awakened ⚡</h3> <div style="color: #b0b0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); line-height: 1.6;"> <p style="margin: 0 0 10px 0;"><strong>🌟 Soul Blessings (Divine Path):</strong> Resist corruption, gain willpower, but miss out on certain... experiences. Pure hearts stay strong but may remain naive.</p> <p style="margin: 0 0 10px 0;"><strong>🔥 Soul Corruption (Dark Path):</strong> Embrace desires, gain power through indulgence, but lose resistance to temptation. Corruption opens new possibilities but at a cost.</p> <p style="margin: 0 0 10px 0;"><strong>⚖️ The Balance:</strong> Your choices in upcoming scenes will determine your soul's path. Each character can develop differently based on their experiences and decisions.</p> <p style="margin: 0; font-style: italic; text-align: center; color: #c0c0f0;">The stones have awakened your souls - now you must choose how to use this power...</p> </div> </div> <<set $rylan_LioraAffection += 2>> <<trackAffection "Rylan" "Liora" 2>> <<set $rylan_SerinAffection += 2>> <<trackAffection "Rylan" "Serin" 2>> <<set $rylan_MarielAffection += 1>> <<trackAffection "Rylan" "Mariel" 1>> <<set $rylan_SerykAffection += 2>> <<trackAffection "Rylan" "Seryk" 2>> <<set $rylan_NimeriaAffection += 1>> <<trackAffection "Rylan" "Nimeria" 1>> <<set $liora_RylanAffection += 2>> <<trackAffection "Liora" "Rylan" 2>> <<set $liora_SerinAffection += 1>> <<trackAffection "Liora" "Serin" 1>> <<set $serin_RylanAffection += 2>> <<trackAffection "Serin" "Rylan" 2>> <<set $serin_LioraAffection += 1>> <<trackAffection "Serin" "Liora" 1>> <<set $mariel_RylanAffection += 1>> <<trackAffection "Mariel" "Rylan" 1>> <<set $seryk_RylanAffection += 2>> <<trackAffection "Seryk" "Rylan" 2>> <<set $nimeria_RylanAffection += 1>> <<trackAffection "Nimeria" "Rylan" 1>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Night Activities 2</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next night activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|NightActivities2]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>> <<set $currentPOV = "Rylan">> <<set $timeOfDay = "afternoon">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">A Beautiful Afternoon</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After all the excitement of the morning's revelations and shopping trip, Mariel suggests we spend the afternoon together outdoors.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"It's such a beautiful day, and we've all been cooped up inside. Let's have a proper picnic!"</span> She gestures toward a nearby meadow filled with colorful wildflowers. <span class="dialog-mariel">"There's a lovely spot just past the flower fields."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"Oh, that sounds wonderful! The flowers are so pretty this time of year."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"As long as there's food involved, I'm in!"</span> <center><img src="images/landscapes/flowerbed.webp" alt="Picnic Meadow" width="400"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Picnic in the Meadow</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Soon we're all gathered on a large blanket spread across the soft grass, surrounded by patches of vibrant wildflowers swaying gently in the breeze. Mariel has outdone herself with the spread - fresh bread, cheese, fruits, and even some of her famous honey cakes.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"This is perfect! We should do this more often."</span> Serin stretches out on the blanket, looking completely relaxed for once. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"What a delightful idea, Mariel! You always know how to bring everyone together."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The girls start playing around, laughing as they chase each other through the flowers. Even Liora, despite her new revealing dress, seems comfortable running and playing. I watch them with a smile while Seryk and I find ourselves in easy conversation.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"You know, bro, this is nice. Just... peaceful."</span> He takes a bite of honey cake. <span class="dialog-seryk">"Sometimes I forget what it's like to just exist without fighting or training."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Yeah, it is nice. Though I have to ask - are you really okay with your... fluid regeneration power?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Hey, a power's a power, right? Besides, there might be more applications than we think."</span> He grins. <span class="dialog-seryk">"Who knows? Maybe it'll come in handy when we least expect it."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Flower Crown Making</h4> <img src="images/nimeria/flowerfield/sitting.webp" alt="Nimeria in FlowerField" width="300"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">While we talk, I notice Liora has wandered off toward a particularly dense patch of flowers. She's kneeling among the blooms, carefully selecting the purest white blossoms. Her pink dress stands out beautifully against the natural backdrop.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"These will be perfect!"</span> She calls out, gathering an armful of pure white flowers - delicate daisies and small white blossoms. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/flowerfield/pickingflowers.webp" alt="Liora in FlowerField" width="300"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"What are you making, dear Liora?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"A flower crown! I want to make one for you, Nimeria. As a thank you for helping me pick out this dress."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I watch as Liora sits cross-legged, her fingers working skillfully to weave the stems together. There's something almost magical about the way she creates the delicate crown, her gentle touch bringing the flowers into perfect harmony.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"There! All finished."</span> She stands up, holding the completed crown with obvious pride. <span class="dialog-liora">"Nimeria, would you like to wear it?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Oh, Liora! It's absolutely beautiful!"</span> Nimeria's eyes light up as she accepts the crown. <span class="dialog-nimeria">"You're so thoughtful! I feel honored to wear something you made with your own hands."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora carefully places the flower crown on Nimeria's head, adjusting it until it sits perfectly. The pure white flowers complement Nimeria's features beautifully, giving her an almost ethereal appearance.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/flowerfield/flowercrown.webp" alt="Nimeria with FlowerCrown" width="400"> <span class="dialog-nimeria">"How do I look?"</span> She twirls around, the flowers seeming to glow in the afternoon sunlight. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Like a fairy princess!"</span> <span class="dialog-serin">"You look great, Nimeria!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Brothers' Talk</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the afternoon wears on, the sun begins to sink lower in the sky, casting long shadows across the meadow.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"We should start heading back soon. It'll be evening before we know it."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Everyone begins gathering their things, but Seryk pulls me aside with a curious grin.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Hey bro, I've been meaning to ask... how far have you gotten with Liora?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I feel my cheeks warming as I look away shyly.</p> <span class="dialog-rylan">"We... well, we hold hands sometimes. And we hug from time to time."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"What the hell? Not even a kiss?"</span> His eyes widen in disbelief. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"I mean... you probably have a lot more experience than I do,"</span> I mumble, feeling even more embarrassed. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"No way, bro! I'm a full virgin too."</span> He laughs heartily. <span class="dialog-seryk">"Who would lay with a demon slave, right?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The casual way he says it makes me realize how different our situations really are. While I'm nervous about romance, he's dealing with entirely different challenges.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Seryk, you're not a slave. You're our friend... our family."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Thanks, bro. That means a lot."</span> He grins and pats my shoulder. <span class="dialog-seryk">"But seriously, you should make a move soon. Life's too short to just hold hands forever."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we finish talking, I notice Seryk approaching Nimeria as she admires her reflection in a small hand mirror.</p> </div> <<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Crown of Ash</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next chapter.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|CrownOfAsh]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <div class="chapter-overlay"></div><div class="chapter-title-container"><div class="chapter-title">Chapter 1</div><div class="chapter-subtitle">a crown of ash</div></div><script> $(document).ready(function() { const audio = new Audio('sounds/chapterchange.wav'); audio.play(); setTimeout(function() { $('.chapter-title-container, .chapter-overlay').addClass('fade-out'); }, 3000); }); </script> <style> .chapter-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 999; opacity: 1; transition: opacity 2s; } .chapter-title-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1000; opacity: 1; transition: opacity 2s; } .chapter-title { font-size: 4em; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); margin-bottom: 0.5em; } .chapter-subtitle { font-size: 2em; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .fade-out { opacity: 0; pointer-events: none; } </style> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <<set $timeOfDay = "morning">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">Morning in the Kitchen</h3> <center><img src="images/landscapes/kitchen.webp" alt="Kitchen" width="400"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I stumble into the kitchen, still half-asleep, and immediately trip over a chair that definitely wasn't there yesterday. Or maybe it was, and I'm just that graceful in the morning.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Ow... why does furniture hate me?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Maybe because you attack it with your face every morning?"</span> Serin's voice carries her usual teasing tone, but there's something... different about it. Sharper. <span class="dialog-serin">"Seriously, $humanName, you're like a one-man wrecking crew before breakfast."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora giggles softly from where she's sitting at the table, her cheeks turning pink when our eyes meet.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"Good morning, $humanName..."</span> Her voice is shy, sweet, and makes my heart do that weird fluttering thing it's been doing ever since we... well, since we finally admitted how we felt about each other. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Morning, Liora."</span> I can't help but smile at her, which makes her blush even deeper. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Oh please, get a room you two."</span> Serin rolls her eyes dramatically, but I catch something flickering across her face, something that looks almost like pain before she covers it with another smirk. <span class="dialog-serin">"All this lovey-dovey stuff is making me sick. Where's the food? I'm starving."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Serin's Training</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I notice she's been training already, there's sweat on her forehead and her hair is messier than usual. The way her training gear clings to her athletic form... I catch myself staring for just a moment too long.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _muscleRoll = random(1, 100)>> <<set _muscleThreshold = 40>> <<set _muscleMod = Math.floor($rylan_MuscleFetish / 10) * 5>> <<set _finalMuscleThreshold = _muscleThreshold + _muscleMod>> <<if _muscleRoll <= _finalMuscleThreshold>> <<set $rylan_MuscleFetish += 0.1>> <<trackFetish "Rylan" "MuscleFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her athletic build is... impressive. I can see the definition in her arms and shoulders.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _smellRoll = random(1, 100)>> <<set _smellThreshold = 35>> <<set _smellMod = Math.floor($rylan_SmellFetish / 10) * 5>> <<set _finalSmellThreshold = _smellThreshold + _smellMod>> <<if _smellRoll <= _finalSmellThreshold>> <<set $rylan_SmellFetish += 0.1>> <<trackFetish "Rylan" "SmellFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something about the way she smells after training, not unpleasant, but... intense. Earthy. Real.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"You were up early. Training again?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Someone has to stay in fighting shape around here. Unlike certain people who can't even navigate a kitchen without injuring themselves."</span> She gestures at me with mock exasperation, and I can't help but notice how the movement shows off her toned arms. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _armRoll = random(1, 100)>> <<set _armThreshold = 45>> <<set _armMod = Math.floor($rylan_MuscleFetish / 10) * 5>> <<set _finalArmThreshold = _armThreshold + _armMod>> <<if _armRoll <= _finalArmThreshold>> <<set $rylan_MuscleFetish += 0.1>> <<trackFetish "Rylan" "MuscleFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way her muscles flex when she moves... there's something captivating about her physical strength.</p> <</if>> <center><img src="images/serin/poses/flexingarms.webp" alt="Sweaty Serin" width="400"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Guild Rankings and Plans</h4> <span class="dialog-serin">"Now that you're finally F-Rank like Liora, we can start taking real missions together."</span> She gestures with obvious pride at her E-Rank badge. <span class="dialog-serin">"No more solo runs for me."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The reminder of my new status makes me smile. Yesterday's exam feels like a dream, facing those slimes, actually fighting instead of running, working as a real team. I finally did it.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"It's nice to have another F-Rank partner..."</span> Liora's voice is soft, with a hint of relief. <span class="dialog-liora">"I've been F-Rank for months now."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"And Elena's challenge still stands, find someone strong enough and she'll promote you two straight to E-Rank to match me."</span> Serin's tone is light, but there's an edge to it that makes me wonder if she's okay. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"A strong fourth member, huh? Any ideas?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Well, it can't be just anyone. Elena made it clear they need to be genuinely powerful, not some random wannabe."</span> She grins, but it doesn't quite reach her eyes. <span class="dialog-serin">"Though I'm sure with your legendary combat skills, we'll have no trouble convincing them."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The word 'legendary' drips with sarcasm, but it's playful rather than mean. Still, I catch that flicker of something across her face again.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Romantic Moments</h4> <span class="dialog-liora">"You did really well in the exam, $humanName. The way you protected me from that last slime..."</span> She looks down at her hands, blushing. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Oh? What's this about protection?"</span> Serin's grin becomes more genuine as she playfully nudges Liora. <span class="dialog-serin">"I saw you healing him right after. Pretty quick with that magic~"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"W-well, of course I would! I mean... we're... we're a team, right?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _touchRoll = random(1, 100)>> <<set _touchThreshold = 30>> <<set _touchMod = Math.floor($rylan_SubmissionFetish / 10) * 3>> <<set _finalTouchThreshold = _touchThreshold + _touchMod>> <<if _touchRoll <= _finalTouchThreshold>> <<set $rylan_SubmissionFetish += 0.1>> <<trackFetish "Rylan" "SubmissionFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her shy reaction makes my heart race. There's something about her innocent responses that...</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _lioraRoll = random(1, 100)>> <<set _lioraThreshold = 45>> <<if _lioraRoll <= _lioraThreshold>> <<set $liora_Lust += 1>> <<trackLust "Liora" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The simple mention of their teamwork sends a little shiver through her.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Mariel's Arrival</h4> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Just then, Mariel walks in, looking tired but managing a warm smile.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-mariel">"Good morning, everyone. I hope you're all hungry, I made extra breakfast to celebrate our newest F-Rank adventurer."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Morning, $marielToHuman. You didn't have to make extra..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"Nonsense. New adventurers need proper nutrition, and Serin needs to keep her strength up for all those E-Rank missions."</span> She moves to the stove, but I notice her movements seem... distant. Like she's going through the motions. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin, apparently picking up on the same thing, bounds over to help. As she moves past me, I catch another whiff of her post-training scent.</p> <span class="dialog-serin">"Here, let me help with that. You look tired."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"Thank you, dear. That's very thoughtful."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As they work together, I find myself sitting next to Liora, our hands almost touching on the table. The moment feels both natural and terrifying. When our fingers accidentally brush, she jumps slightly, her cheeks turning an even deeper shade of pink.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Planning the Day</h4> <span class="dialog-liora">"$humanName... what do you think we should do about finding a fourth member?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Honestly? I'm not sure. Elena said they need to be genuinely strong, not just skilled."</span> I glance at Serin, then at Liora. <span class="dialog-rylan">"Maybe we should visit the guild today, see if anyone's looking for a party."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's hand pauses for just a moment as she's setting plates down, but then she continues like nothing happened.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"That's... actually not a terrible idea. Though knowing our luck, we'll end up with someone who makes you look coordinated."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"Actually, speaking of the guild..."</span> Mariel turns from the stove, holding a plate of eggs. <span class="dialog-mariel">"You should probably take on some simple F-Rank missions first. Build up your experience as a team before worrying about promotions."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"That makes sense."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"I'll come with you, obviously. Someone needs to make sure you don't get lost on the way to the guild hall."</span> She grins, though there's still that edge to it. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Me too... if that's okay?"</span> Her voice is soft, hopeful. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Of course. We're a party now, right?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After finishing breakfast and trying not to notice how Serin's shirt rides up slightly when she stretches, we prepare to head out to the Adventurer's Guild to speak with Elena about our next steps as F-Rank adventurers.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _clothingRoll = random(1, 100)>> <<set _clothingThreshold = 50>> <<set _clothingMod = Math.floor($rylan_ClothingFetish / 10) * 4>> <<set _finalClothingThreshold = _clothingThreshold + _clothingMod>> <<if _clothingRoll <= _finalClothingThreshold>> <<set $rylan_ClothingFetish += 0.1>> <<trackFetish "Rylan" "ClothingFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way clothing moves with her body, revealing little glimpses... it's more enticing than it should be.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _exhibRoll = random(1, 100)>> <<set _exhibThreshold = 55>> <<set _exhibMod = Math.floor($rylan_ExhibitionismFetish / 10) * 3>> <<set _finalExhibThreshold = _exhibThreshold + _exhibMod>> <<if _exhibRoll <= _finalExhibThreshold>> <<set $rylan_VoyeurismFetish += 0.1>> <<trackFetish "Rylan" "VoyeurismFetish" 0.1>> <<set $rylan_Lust += 1>> <<trackLust "Rylan" 1>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I shouldn't be looking, but I can't help myself. There's something thrilling about catching these small, unguarded moments.</p> <</if>> <center><img src="images/serin/poses/stretch.webp" alt="Sweaty Serin" width="400"></center> </div> <<if $rylan_Lust > 50>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The tension in my body from watching Serin train is getting hard to ignore. Maybe I should... take care of this before we head out.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Path</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Head to the Adventurer's Guild</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Go directly to the guild.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to the Adventurer's Guild|GuildMorning]]</div> </div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Path</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Excuse yourself to your room first</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Take care of personal matters first.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Excuse yourself to your room first|RylanMorningRelease]]</div> </div></div> <<else>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Head to the Adventurer's Guild</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Go to the guild to begin your adventures.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to the Adventurer's Guild|GuildMorning]]</div> </div></div> <</if>> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<addSoulBlessing "rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">A Memory of Pure Love</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory comes flooding back - that moment when I confessed my love to Liora under the moonlight. Her surprised gasp, then that radiant smile when she said she loved me too. That perfect moment when we both finally admitted our feelings.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the Soulstone's energy courses through me, I feel that same warmth and joy. The energy shifts, becoming something golden and warm - a divine blessing flowing through my veins.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The blessing settles deep within me, invisible to the others but filling me with warmth and purpose. I feel a sense of righteousness, of divine favor, of being on the right path. The love I have for Liora and my friends has become a source of actual power.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The golden energy settles into my bones, becoming part of me. I can feel the blessing taking root, ready to grow stronger with each act of love, each moment of selflessness, each time I choose to protect rather than harm.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="soul-blessing-showcase"><div class="blessing-aura"></div><div class="blessing-particles"></div><div class="blessing-text"><h3>✨ SOUL BLESSING AWAKENED ✨</h3><p>Divine power flows through your soul, born from pure love and noble intentions.</p></div></div> <center><img src="images/liora/poses/hugrylan.webp" alt="Rylan" width="300"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">This is just the beginning. I can sense that there are more Soulstones out there, more opportunities to grow this divine power. And with Liora by my side, with this blessing guiding me, I feel like I can face anything.</p> </div> <<soulDisplay "rylan">> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">After Soulstone</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next scene.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|AfterSoulstone]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<set $currentPOV = "Nimeria">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">The Crown's Beauty</h3> <center><img src="images/nimeria/flowerfield/flowercrown.webp" alt="Nimeria" width="400"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">How beautiful I look with this crown of white flowers adorning my head.</p> <span class="dialog-nimeria">Perfect,</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I think to myself as I study my reflection in the small hand mirror. The pure white blossoms complement my features so wonderfully - such a thoughtful gift from dear, sweet Liora.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Brother's Question</h4> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I notice my brother Seryk approaching me with that warm smile of his. There's something different in his eyes today - a searching quality that makes me tilt my head curiously.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Tell me, Nimeria... do you hate them? Do you hate this world?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">What an interesting question from my dear brother.</span> <span class="dialog-nimeria">"No, never!"</span> I respond immediately, my smile radiant and genuine. <span class="dialog-nimeria">"I love what is mine. I love the people - how they look to me for guidance, how they depend on me. I love this world - how it provides such beautiful stages for my presence. I love them all... because they all exist to make me feel complete."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">How could I hate them? They're mine. Every smile, every grateful look, every moment they turn to me for comfort or guidance - it all feeds the wonderful warmth inside me. This world, these people, this perfect little group... they all belong to me in their own special ways.</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I watch Seryk's expression carefully. There's a flicker of something in his eyes - understanding perhaps? Or maybe concern? Either way, it's fascinating to observe.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"I see..."</span> He pauses, then his expression softens into that familiar brotherly smile. <span class="dialog-seryk">"By the way, the crown looks good on you. You look like a princess. Or rather, a queen, Nimeria."</span> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">End of Chapter 1</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the end of Chapter 1.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|EndOfChapter1]]</div></div></div> <<statSummary>> <<changeFace $currentNimeriaFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <<set $timeOfDay = "evening">> <<set $gameDay = 30>> <<if not $rylan_combatStats>> <<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 10, agility: 8, willpower: 6, technique: 7, perception: 6 }>> <</if>> <<if not $serin_combatStats>> <<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 120, currentStamina: 120, physicalPower: 11, agility: 12, willpower: 7, technique: 9, perception: 8 }>> <</if>> <<if not $nimeria_combatStats>> <<set $nimeria_combatStats = { maxHealth: 35, currentHealth: 35, maxStamina: 60, currentStamina: 60, physicalPower: 8, agility: 9, willpower: 7, technique: 6, perception: 8 }>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="time-skip-animation"><h2>Three Days Later...</h2></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The past few days have been a whirlwind of change. Having demons living in our house has been... surprisingly normal, actually.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Seryk has taken it upon himself to train us every morning in the backyard. His methods are intense but effective - I can already feel myself getting stronger and more durable. The same goes for Serin and even Nimeria, though she mostly focuses on endurance rather than combat techniques.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $rylan_combatStats.maxHealth += 30>> <<trackCombatStat "Rylan" "maxHealth" 30>> <<set $serin_combatStats.maxHealth += 30>> <<trackCombatStat "Serin" "maxHealth" 30>> <<set $nimeria_combatStats.maxHealth += 30>> <<trackCombatStat "Nimeria" "maxHealth" 30>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel has completely warmed up to both of them. Nimeria helps her in the kitchen and with cleaning, always cheerful and eager to learn new recipes. Seryk often assists with heavy lifting - moving furniture when Mariel wants to rearrange things, chopping firewood, and other tasks that require his impressive strength.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set $mariel_SerykAffection += 20>> <<trackAffection "Mariel" "Seryk" 20>> <<set $mariel_NimeriaAffection += 20>> <<trackAffection "Mariel" "Nimeria" 20>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The only sour note has been Thalor's letter yesterday. He's taking "a few days longer" in the capital for some unspecified business. No explanation, no apology for the delay, just a brief note that left Mariel fuming for hours.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceangry.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"Typical,"</span> she had muttered while aggressively kneading bread dough. <span class="dialog-mariel">"Always his work comes first."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">At the guild, Elena was initially shocked when we brought Seryk and Nimeria in, but she's warmed up to them as well. Seryk's combat prowess impressed her enough that she immediately promoted our party to E-Rank. Nimeria, while unable to fight, has proven useful in other ways - her cheerful demeanor helps smooth over tense situations with other adventurers.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> . .. ... .... ..... <b>This Evening...</b> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We trudge through the front door, exhausted and frustrated. Our first official E-Rank mission - clearing out a small group of goblins from a merchant's warehouse - turned out to be much harder than expected.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"I can't believe how tough those goblins were!"</span> I complain, slumping into a chair. <span class="dialog-rylan">"They were supposed to be weak monsters, but they nearly overwhelmed us!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Tell me about it,"</span> Serin groans, nursing a bruised shoulder. <span class="dialog-serin">"That goblin chief hit like a damn ogre."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"At least we completed the mission,"</span> Liora says softly, though I can see the exhaustion in her eyes from all the healing she had to do. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"You all did well for your first E-Rank quest. These things take time to get used to."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Easy for you to say - you made it look effortless!"</span> I can't keep the frustration out of my voice. <span class="dialog-rylan">"Meanwhile, I could barely keep up. If it wasn't for you, we would have been goblin food."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Hmm..."</span> Nimeria, who had stayed back at the guild during the mission, taps her finger against her lips thoughtfully. <span class="dialog-nimeria">"You know, I have an idea that might help."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"What kind of idea?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Do you remember those black marbles I made Seryk eat one of? They're actually called Soulstones."</span> She pulls out a small pouch containing several more of the dark, marble-like objects. <span class="dialog-nimeria">"Once eaten, they give you the power to strengthen your soul with key memories."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Strengthen our souls?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Seryk, didn't you get stronger after eating it?"</span> She turns to him with that innocent smile. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Yeah, actually... I did feel more powerful. Still do."</span> He flexes his arm experimentally. <span class="dialog-seryk">"But I thought that was just from your... special ingredient."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"That helped too, but the real power comes from the Soulstone itself!"</span> Her eyes light up with excitement. <span class="dialog-nimeria">"I waited a few days to see if there were any side effects."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Wait... you used me as an experiment?"</span> Seryk's expression shifts to one of mild concern. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-nimeria">"Only a little one!"</span> She waves her hand dismissively. <span class="dialog-nimeria">"But listen - you can all grow so much stronger! Every special memory strengthens your soul, and with it, your bodies. Physical power, magical ability, everything!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She holds up the pouch, shaking it gently so the stones clink together.</p> <span class="dialog-nimeria">"You should each eat one too! Of course, I won't make you drink my spit like I did with Seryk... unless you like it."</span> She winks playfully. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group exchanges uncertain glances. The idea of eating mysterious demon stones doesn't exactly sound appealing.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"I don't know... eating random magical objects seems pretty risky."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"What if they're dangerous?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"How do we know they won't hurt us?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria's cheerful expression falters, and she looks down at the stones in her hands.</p> <span class="dialog-nimeria">"Oh... sorry. That was arrogant of me."</span> Her voice becomes quieter, more subdued. <span class="dialog-nimeria">"You've all treated me so kindly these past few days, so I thought... I thought you'd trust me."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Without hesitation, she takes one of the black stones and pops it into her mouth, swallowing it down.</p> <span class="dialog-nimeria">"There. See? They're safe."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecrying.webp" alt="Nimeria" width="300"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Tears begin to well up in her eyes as she looks at our hesitant faces.</p> <span class="dialog-nimeria">"I'm sorry... please excuse me."</span> She starts to turn away, clearly hurt by our rejection. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Wait."</span> I reach out and take one of the stones from her pouch before she can leave. The surface is smooth and surprisingly warm to the touch. <span class="dialog-rylan">"If you trust them enough to eat one yourself..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/items/blackmarbleblank.webp" alt="Soul Stone" width="300"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I look at the stone for a moment, then at Nimeria's hopeful, tear-filled eyes. Without another word, I toss it into my mouth and swallow it down.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Soulstone Effects</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Experience the effects of the soulstone.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SoulstoneEffects]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('crownofash.mp3');<</script>> <div class="chapter-end-container"> <div class="chapter-title"> <h1>End of Chapter 1</h1> <h2>Crown of Ash</h2> </div> <div class="crown-animation"> <img src="images/nimeria/flowerfield/flowercrowneerie.webp" alt="Crown of Ash" class="eerie-crown" id="eerieCrown"> </div> <div class="continue-button" id="continueButton" style="display: none;"> [[Continue to Chapter 2|Chapter2]] </div> </div> <</nobr>> <style> .chapter-end-container { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 80vh; text-align: center; background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(64,64,64,0.6)); border-radius: 15px; padding: 2em; margin: 2em auto; max-width: 800px; } .chapter-title { margin-bottom: 2em; } .chapter-title h1 { font-size: 2.5em; color: #ff69b4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 0.5em; font-family: 'Cinzel', serif; } .chapter-title h2 { font-size: 1.8em; color: #dda0dd; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 0; font-style: italic; } .crown-animation { margin: 2em 0; position: relative; } .eerie-crown { width: 400px; height: auto; opacity: 0; transition: opacity 25s ease-in-out; filter: drop-shadow(0 0 20px rgba(255,105,180,0.5)); } .eerie-crown.fade-in { opacity: 1; } .continue-button { margin-top: 2em; padding: 1em 2em; background: linear-gradient(135deg, rgba(255,105,180,0.8), rgba(221,160,221,0.6)); border-radius: 10px; border: 2px solid rgba(255,105,180,0.5); transition: all 0.3s ease; } .continue-button:hover { background: linear-gradient(135deg, rgba(255,105,180,1), rgba(221,160,221,0.8)); border-color: rgba(255,105,180,0.8); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255,105,180,0.3); } .continue-button a { color: #ffffff !important; text-decoration: none !important; font-weight: bold; font-size: 1.2em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } </style> <<script>> $(document).ready(function() { // Start the fade-in animation immediately setTimeout(function() { $('#eerieCrown').addClass('fade-in'); }, 100); // Show continue button after 35 seconds (25s fade + 10s wait) setTimeout(function() { $('#continueButton').fadeIn(1000); }, 15000); }); <</script>> <<changeFace $currentNimeriaFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <div class="end-content-container" style="background: linear-gradient(to bottom, rgba(138, 43, 226, 0.9), rgba(75, 0, 130, 0.8)); min-height: 600px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.3); text-align: center;"> <div class="end-content-header" style="margin-bottom: 40px;"> <h1 style="color: #e6e6fa; font-size: 2.5em; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);"> 🌟 End of Current Content 🌟 </h1> <p style="color: #dda0dd; font-size: 1.3em; font-style: italic; margin-bottom: 30px;"> Chapter 2 development is currently in progress... </p> </div> <div class="thank-you-section" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 30px; margin-bottom: 30px;"> <h2 style="color: #ffd700; font-size: 2em; margin-bottom: 20px;"> Thank You For Playing! </h2> <p style="color: #e6e6fa; font-size: 1.2em; line-height: 1.6; margin-bottom: 20px;"> You've reached the end of the currently available content for <strong>Bonds Defiled</strong>. The adventure will continue as new chapters are developed and released. </p> <p style="color:rgb(70, 37, 70); font-size: 1.1em; line-height: 1.6; margin-bottom: 25px;"> We hope you've enjoyed exploring the relationships, mysteries, and growing tensions in this dark fantasy world. Your feedback and support help shape the ongoing development of this interactive story. </p> <div style="background: rgba(0,0,0,0.3); border-radius: 8px; padding: 20px; margin: 20px 0;"> <h3 style="color: #ffd700; margin-bottom: 15px;">What You've Experienced So Far:</h3> <ul style="color: #e6e6fa; text-align: left; list-style: none; padding: 0;"> <li style="margin-bottom: 10px;">📖 <strong>Chapter 0:</strong> Character introductions and relationship building</li> <li style="margin-bottom: 10px;">⚔️ <strong>Chapter 1:</strong> First adventures, soul stones, and mysterious encounters</li> <li style="margin-bottom: 10px;">💫 <strong>Soul System:</strong> Character corruption and blessing paths</li> <li style="margin-bottom: 10px;">💕 <strong>Relationship Dynamics:</strong> Complex attraction and affection systems</li> <li style="margin-bottom: 10px;">🎯 <strong>Fetish Development:</strong> Character preference evolution</li> </ul> </div> </div> <div class="coming-soon-section" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; padding: 25px; margin-bottom: 30px;"> <h3 style="color: #ffd700; font-size: 1.5em; margin-bottom: 15px;">Coming in Future Updates:</h3> <p style="color: #dda0dd; font-size: 1.1em; line-height: 1.6;"> 🌙 Deeper exploration of Nimeria's mysterious nature<br/> ⚔️ More challenging combat encounters<br/> 💔 Increasing NTR tension and character corruption<br/> 🏰 New locations and story developments<br/> 📚 Additional character backstory revelations </p> </div> <div class="navigation-section" style="margin-top: 30px;"> <p style="color: #e6e6fa; font-size: 1.1em; margin-bottom: 20px;"> Feel free to explore the character diaries, experiment with different choices, or start a new playthrough to discover alternative paths and outcomes. </p> <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;"> <<link "📖 Character Diaries">> <<goto "DiaryMenu">> <</link>> <<link "🎭 Character Setup">> <<goto "CharacterSetup">> <</link>> <<link "🏠 Return Home">> <<goto "Start">> <</link>> </div> </div> </div> <style> .end-content-container a { display: inline-block; background: linear-gradient(45deg, #4b0082, #8a2be2); color: #ffd700; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.1em; border: 2px solid rgba(255,215,0,0.3); transition: all 0.3s ease; margin: 5px; } .end-content-container a:hover { background: linear-gradient(45deg, #8a2be2, #9370db); border-color: rgba(255,215,0,0.6); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } </style> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <<addSoulCorruption "rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">A Memory of Shame</h3> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory hits me like a physical blow - my failed guild exam. Struggling with <<print $humanToThalor>>'s massive sword, running from a single goblin, the shame and whispers that followed. The voice in my head that still tells me I'm not good enough.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the Soulstone's energy courses through me, these dark thoughts take on a life of their own. The energy shifts, becoming something cold and hungry - corruption flowing through my veins, feeding on my failures and promising power through darker means.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The corruption settles deep within me, invisible to the others but very real. Unlike the golden blessing that would shine outwardly, this dark power remains hidden, working from within. I feel a sense of resentment, of entitlement, of being willing to do whatever it takes to never feel that weak again.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The dark energy settles into my bones, becoming part of me. I can feel the corruption taking root, whispering promises of power, of never having to feel weak again, of taking what I deserve instead of waiting for it to be given.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>🌑 SOUL CORRUPTION AWAKENED 🌑</h3><p>Dark power courses through your soul, born from pain and the hunger for strength.</p></div></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">This is dangerous, I know that. But it's also intoxicating. For the first time in my life, I feel like I have real power - not just physical strength, but the will to use it however I see fit.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/rylan/faceangry.webp" alt="Rylan" width="300"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The corruption whispers that maybe change isn't such a bad thing. Maybe being the "good guy" has only held me back. Maybe it's time to stop caring so much about what others think and start taking what I want.</p> </div> <<soulDisplay "rylan">> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">After Soulstone</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next scene.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|AfterSoulstone]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('/battle/serykfight1.mp3');<</script>> <<set $timeOfDay = "afternoon">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/seryk/portrait.webp" alt="Seryk" width="400"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The blue-skinned demon looks at me with calm, almost sad eyes as he effortlessly holds my blade. His voice is deep but gentle, carrying no malice.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Easy there, bro. I don't want to fight you."</span> He releases my sword and takes a step back, raising his hands peacefully. <span class="dialog-seryk">"I'm just passing through. No need for violence."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"A demon that talks?! And calls me 'bro'?"</span> I grip my sword tighter, adrenaline pumping. <span class="dialog-rylan">"I don't care what you say! You're still a demon!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">He's just trying to get me to lower my guard! That's what demons do - they trick you with words. But I won't fall for it. I can't fail again. Not in front of Liora and Serin. Not when this is my chance to finally prove I'm not the pathetic weakling everyone thinks I am.</span></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Look, I get it. Demon equals bad in your world. But I'm really not looking for trouble."</span> He sighs, his muscular frame relaxing slightly. <span class="dialog-seryk">"Can't we just go our separate ways?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"No way! This is my chance to prove myself!"</span> I lunge forward again, this time aiming for his side. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon dodges with fluid grace, his expression turning resigned.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Alright, bro. If that's how you want to play it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/seryk/pose/fightingstance.webp" alt="Seryk" width="600"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The fight begins in earnest. I press my attack, but within seconds, I realize the horrible truth - we are completely outmatched. The demon's physical prowess isn't just overwhelming, it's terrifying. He moves like liquid death, deflecting my strikes with casual ease while clearly holding back enough power to level trees.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My first real strike connects with his chest and does absolutely nothing. Not even a scratch. It's like hitting a mountain with a twig.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">What?! That should have hurt him! Liora said he has no mana - he's supposed to be weak! This can't be happening. I can't be this pathetic. If I can't even scratch a lesser demon, what does that make me? What will everyone think when they find out I couldn't even handle the weakest type of demon?</span></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Sorry about this, bro."</span> His fist connects with my ribs and I'm sent flying backward, crashing into a tree with bone-jarring force. Blood fills my mouth. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facewounded.webp" alt="Rylan" width="300"> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName!"</span> Liora's hands glow with golden light as she rushes to me. <span class="dialog-liora">"Oh gods, you're hurt badly!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I'm helping!"</span> Serin draws her twin daggers and circles around to flank the demon, but her movements are already desperate, frantic. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/serin/poses/blockingknives.webp" alt="Serin" width="600"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the battle unfolds, the horrible reality becomes clear - we're going to die here. The demon isn't even trying, and we're already being torn apart. Every casual swipe from him sends one of us reeling. Every "gentle" hit feels like being struck by a war hammer.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facewounded.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Liora, stay behind me!"</span> I gasp, spitting blood as I position myself between her and certain death. My sword arm is already going numb from the impacts. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Let me heal that!"</span> Her hands find my arm, warm healing magic flowing through me, but I can see the fear in her eyes. She knows we're outmatched too. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin darts in with her daggers, managing to score a hit on the demon's arm. The blade bounces off his skin like it hit steel. He doesn't even flinch.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Nice try, Wildcat."</span> His backhand sends Serin tumbling across the forest floor, blood streaming from her nose. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Shit! He's too strong!"</span> She staggers to her feet, wiping blood from her mouth. <span class="dialog-serin">"$humanName, we need to run!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Run? No! I can't run away like a coward again! This is just one lesser demon against three of us. Serin is skilled, and I'm not as weak as everyone thinks. We can do this! I just need to be smarter, find an opening. I won't be the failure who ran from his first real fight.</span></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But I can't hear her over the sound of my own terror and Liora's panicked healing attempts. Every time the demon moves toward us, I throw myself in his path, only to be casually swatted aside like an annoying insect.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName, please, you're taking too much damage!"</span> Her voice is breaking with fear as she pours more healing magic into me. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon pauses, looking at our pathetic formation with something like pity.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You kids really don't know when to quit, do you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">That's when he stops holding back even a little bit.</p> </div> <<set $rylan_LioraAffection += 2>><<trackAffection "Rylan" "Liora" 2>><<set $liora_RylanAffection += 2>><<trackAffection "Liora" "Rylan" 2>><<set $serin_RylanAffection -= 3>><<trackAffection "Serin" "Rylan" -3>><<set $serin_LioraAffection -= 2>><<trackAffection "Serin" "Liora" -2>><<set $rylan_combatStats.currentHealth -= 15>><<set $serin_combatStats.currentHealth -= 25>><<set $serin_combatStats.currentStamina -= 30>><<trackOther "Serin" "currentHealth" -25>><<trackOther "Serin" "currentStamina" -30>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue the Desperate Fight</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The battle continues with devastating consequences.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue the desperate fight->FightBlueDemon2]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('/battle/serykfight1.mp3');<</script>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6e6ff; text-align: center; margin-bottom: 20px; font-style: italic;">The Demon's True Power</h3> <center><img src="images/seryk/pose/fightingstance2.webp" alt="Seryk Serious" width="400"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The change in the demon is immediate and terrifying. The gentle, almost playful demeanor vanishes, replaced by something that makes my blood freeze. This is what a real demon looks like when it decides to fight.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Fight Escalates</h4> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Last warning, bro. Walk away."</span> His voice has dropped to a growl that seems to vibrate through the very ground. <div style="clear: left;"></div> <img src="images/rylan/facewounded.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Never!"</span> I charge again, desperation driving me forward. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">He's stronger than I expected, but he's still just one demon! I can wear him down. Serin is helping, and Liora's healing is keeping me in the fight. I just need one good hit, one moment where his guard is down. $humanToThalor never gave up, and neither will I! I can prove I'm worthy of their legacy!</span></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">This time, when his fist connects with my chest, I hear ribs crack. The impact sends me flying so hard that I bounce off two trees before hitting the ground. Blood pours from my mouth and nose. Liora's healing can't keep up with this level of damage.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Terror and Desperation</h4> <img src="images/liora/facefear.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName! Oh gods, oh gods!"</span> Her hands shake as she tries to heal me, but I can see the terror in her eyes. <span class="dialog-liora">"We're going to die! We're all going to die!"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin, seeing me broken and bleeding, lets out a scream of pure rage and launches herself at the demon with both daggers. For a moment, her speed and fury actually surprise him. She manages to land three quick strikes before he reacts.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The blades scrape against his skin but barely leave marks, like scratching steel with a nail.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Serin's Fury</h4> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"What the hell ARE you?!"</span> She stares at the ineffective strikes in disbelief. <div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Something you kids should have run from."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He picks up a small stone and flicks it with casual precision. The rock strikes Serin's left hand with enough force to knock her dagger flying, but she keeps her grip on the right one.</p> <center><img src="images/serin/poses/fightingstancelostknife.webp" alt="Serin Fighting" width="400"></center> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Damn it!"</span> She flexes her stinging fingers, then grips her remaining dagger tighter. <span class="dialog-serin">"Fine! One's enough!"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But I'm too focused on protecting Liora to help her. Every instinct screams at me to shield the woman I love, even as Serin continues her desperate fight just yards away.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Final Moments</h4> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Liora, we need to run!"</span> I gasp, but my legs won't support me. <div style="clear: left;"></div> <img src="images/liora/facefear.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I can't heal this much damage!"</span> Her voice is breaking with panic. <span class="dialog-liora">"$humanName, you're dying!"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin darts in again with her single blade, trying to find any weakness in the demon's defense. But he's toying with her now, easily dodging her strikes while barely putting in effort.</p> <center><img src="images/serin/poses/fightstance1knife.webp" alt="Serin Exhausted" width="400"></center> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stand still, you bastard!"</span> She's breathing hard, sweat mixing with the dirt on her face, but she refuses to give up. <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon advances on us slowly, each step deliberate.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I tried to warn you. I really did."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">Serin's Heartbreak</h4> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin, exhausted but still standing, watches us huddle together while she's left to face the demon alone. Something in her eyes dies as she realizes that even now, even facing death, I choose Liora over her.</p> <div style="clear: left;"></div> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Fine..."</span> she whispers, wiping blood from a small cut on her lip. <span class="dialog-serin">"If we're all going to die anyway..."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She grips her remaining dagger with both hands now, her stance shifting to something more desperate but determined. Her movements are wild, fueled by heartbreak and the absolute certainty that we're all about to be slaughtered.</p> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I'll take you with us, you bastard!"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She charges at the demon one final time, screaming with everything she has left. It's not technique anymore, it's not strategy - it's pure, desperate fury.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon sighs and flicks another stone with casual precision. This one strikes her wrist, causing her to drop her last dagger. She stumbles but doesn't fall, clutching her stinging hand.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h4 style="color: #e6e6ff; margin-bottom: 15px;">The Salvation</h4> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I hate this! I hate all of this!"</span> She's breathing hard, exhausted and weaponless. <span class="dialog-serin">"I hate watching you die for her! I hate that she only cares about you! I hate that I'm going to die alone while you two-"</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words are cut off as the demon raises his hand for what will clearly be the killing blow. We're finished. All of us. This is how we die - broken, bleeding, and completely outmatched in a forest where no one will ever find our bodies.</p> <img src="images/liora/facefear.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Please..."</span> Liora whispers, tears streaming down her face. <span class="dialog-liora">"Please don't kill us..."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon's expression softens slightly, but his hand doesn't lower.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I'm sorry, Little Bird. I really am."</span> <div style="clear: left;"></div> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Just as his fist begins to descend, a clear, melodious voice cuts through the forest air like a silver bell.</p> <span class="dialog-female-npc">"Brother?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The demon freezes completely, his fist stopping inches from Serin's face. Everyone turns toward the voice, the entire clearing falling silent except for our ragged breathing and Serin's heavy panting.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We're saved. Somehow, impossibly, we're saved. But as I look at Serin's exhausted, weaponless form and the terror in Liora's eyes, I realize that even if we survive this, something fundamental has been shattered between us that may never heal.</p> </div> <<set $rylan_combatStats.currentHealth -= 35>><<set $serin_combatStats.currentHealth -= 15>><<set $serin_combatStats.currentStamina -= 35>><<trackOther "Rylan" "currentHealth" -35>><<trackOther "Serin" "currentHealth" -15>><<trackOther "Serin" "currentStamina" -35>><<set $serin_RylanAffection -= 2>><<set $serin_LioraAffection -= 3>><<trackAffection "Serin" "Rylan" -2>><<trackAffection "Serin" "Liora" -3>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Nimeria Appears</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A mysterious voice interrupts the deadly confrontation.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Look toward the voice->NimeriaAppears]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<script>>window.QuestSystem.init();<</script>> <<addQuest "blackSlimeHunt" "Kill 3 BlackSlimes" "Eliminate 3 BlackSlimes near the old training grounds and bring back their cores as proof." "blackSlimeKills" 3>> <<setQuestLocation "blackSlimeHunt" "Forest">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/landscapes/forestofbeginning.webp" alt="Forest" width="600"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The forest canopy filters the morning sunlight into dappled patterns on the moss-covered ground. Ancient trees tower above us, their trunks thick enough that it would take several people holding hands to wrap around them. The air is crisp and filled with the scent of pine and earth. This is the Forest of the Beginning - where so many adventurers take their first steps, and where I once failed my exam.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Elena said they were near the old training grounds. Should be about thirty minutes deeper into the forest."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"It's so peaceful here..."</span> Liora walks close to my side, occasionally brushing against my arm as we navigate the forest path. <center><img src="images/liora/face.webp" alt="Liora content" width="300"></center> <span class="dialog-liora">"Hard to believe there are dangerous monsters lurking around."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"BlackSlimes are tougher than regular slimes. More like... actually challenging."</span> Serin has taken the lead, moving with practiced confidence through the undergrowth. <span class="dialog-serin">"Still, don't get careless. They're faster and harder to damage than normal slimes."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _forestRoll = random(1, 100)>><<set _forestThreshold = 40>><<if _forestRoll <= _forestThreshold>><<set $rylan_VoyeurismFetish += 0.1>><<trackFetish "Rylan" "VoyeurismFetish" 0.1>>I find myself watching how Serin moves through the forest confident, athletic, completely in her element. There's something captivating about seeing her natural grace.<</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After about twenty-five minutes of walking, we come across a familiar clearing with training dummies and practice targets scattered around. The old training grounds where guild exams are held. The grass here is notably flattened in several spots, and there are dark, viscous stains on some of the training equipment.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"This is definitely the place. See those dark stains? That's from BlackSlimes. They leave traces when they move."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Any sign of them now?"</span> Being back here brings up memories of my failed exam, but this time I'm not alone. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As if in answer to my question, there's a deeper, more resonant squelching sound from behind the training area. Three dark, almost black forms emerge, each about the size of a large dog but noticeably more solid-looking than regular slimes. The BlackSlimes move with purpose, their darker bodies seeming to absorb light rather than reflect it. Wisps of black mist curl around them as they move, creating an unnatural, almost ethereal effect.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"They look... more intimidating than I expected."</span> Her voice carries a mix of nervousness and determination. <span class="dialog-liora">"And that black mist around them... it's so strange. I've never seen anything like it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yeah, that's not normal."</span> Serin's eyes narrow as she watches the dark vapor swirling around the creatures. <span class="dialog-serin">"Regular slimes don't emit any kind of mist. This is definitely weird."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Alright, this is it. Our first real party combat against something with actual bite."</span> Serin draws her weapon, falling into a combat stance. <span class="dialog-serin">"Remember what we practiced, but stay alert. These aren't pushovers."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Actually, wait."</span> An idea strikes me as I remember Elena's words from yesterday. <span class="dialog-rylan">"Elena mentioned something about a resonance system. How adventuring parties can share their strength based on their bonds."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Resonance?"</span> Liora tilts her head curiously. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"The idea is that the closer we are as a party, the more we can support each other in combat. Our affection and trust translates into actual shared strength."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"That's... actually a real thing."</span> Serin nods, though she keeps her eyes on the BlackSlimes. <span class="dialog-serin">"More experienced parties use it all the time. Though it requires genuine bonds, not just fake teamwork."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Want to try it? Focus on our connections to each other, let that translate into combat strength?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I... I'd like that."</span> When she looks at me, there's warmth in her eyes that makes my heart race. <span class="dialog-liora">"I trust you completely, $humanName."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _resonanceRoll = random(1, 100)>><<set _resonanceThreshold = 35>><<if _resonanceRoll <= _resonanceThreshold>><<set $rylan_LioraAffection += 1>><<trackAffection "Rylan" "Liora" 1>><<set $liora_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 1>>Her words of trust send a warm feeling through me. This resonance thing... it might actually work.<</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Fine. But let's make this quick before those BlackSlimes decide to attack."</span> There's something strained in her voice, but she nods. <span class="dialog-serin">"I'll... do my best to connect with the party."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _serinStruggleRoll = random(1, 100)>><<set _serinStruggleThreshold = 45>><<if _serinStruggleRoll <= _serinStruggleThreshold>><<set $serin_RylanAffection += 1>><<trackAffection "Serin" "Rylan" 1>>Despite her pain, I can feel Serin trying to genuinely connect with us. Her feelings are complicated, but her commitment to the party is real.<</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close my eyes for a moment, focusing on my feelings for my party members. Liora's gentle healing touch, her shy smile that makes my heart flutter. Serin's fierce protectiveness, her confidence that I wish I could match. Even with the tension between us, I care about them both.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<calculateResonance>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A warm feeling spreads through my body as I focus on our bonds. I can feel something shifting, like invisible threads connecting us all together. It's subtle, but I can sense Liora's gentle strength flowing into me, and even a bit of Serin's fierce determination.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_resonancePhysicalPower > 0>><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"><span class="dialog-rylan">"I can feel it... the resonance. It's like I'm drawing strength from both of you."</span><div style="clear: left;"></div><</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I feel it too! Like we're all connected somehow."</span> Liora's eyes are bright with wonder. <span class="dialog-liora">"Your determination, $humanName... it's making me braver."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Huh. It actually works."</span> Serin flexes her hands, testing her grip on her weapon. <span class="dialog-serin">"I can feel... traces of your abilities flowing through me. Not much, but it's there."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _resonanceBonus = random(1, 100)>><<set _resonanceBonusThreshold = 30>><<if _resonanceBonus <= _resonanceBonusThreshold>><<set $rylan_LioraAffection += 1>><<trackAffection "Rylan" "Liora" 1>><<set $liora_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 1>>This shared experience, feeling our bonds manifest as actual power... it brings us closer together.<</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The BlackSlimes, apparently tired of waiting, begin to advance toward us with a more aggressive, purposeful motion than regular slimes. Their cores glow with a darker, more intense light within their nearly opaque bodies.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Alright, enough bonding time. Let's put this resonance to the test."</span> She grins, and for a moment, her usual confidence seems genuine rather than forced. <span class="dialog-serin">"Remember, aim for the cores. That's still their weak point, but these shells are tougher."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Ready, everyone?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Ready!"</span> Her voice is steadier than I've ever heard it in combat. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Let's show these BlackSlimes what we can do."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The three BlackSlimes spread out as they approach, their darker forms pulsing with an ominous energy. With our resonance active, I can feel the confidence and strength of my party members flowing through me. Whatever tension exists between us, in this moment, we're truly connected.</p> </div> <<statSummary>> <<resonanceDisplay>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Begin Combat</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Face the BlackSlimes with your newfound resonance power.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin Combat|BlackSlimeCombat]]</div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <center><img src="images/landscapes/guildhall.webp" alt="Guild Hall" width="600"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The morning sun streams through the guild hall's tall windows as we push through the heavy wooden doors. The familiar scent of leather, metal polish, and adventure fills my nostrils. Other adventurers are scattered around tables, some planning missions, others counting coin from completed quests.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It feels different being here as an actual F-Rank adventurer,"</span> I say, unconsciously straightening my shoulders. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"You've earned it, $humanName."</span> Liora's voice is soft but filled with pride as she walks close beside me. When her hand briefly brushes mine, I feel that familiar flutter in my chest. <center><img src="images/liora/faceembarrassed.webp" alt="Liora blushing" width="300"></center> <<set _coupleRoll = random(1, 100)>><<set _coupleThreshold = 40>><<if _coupleRoll <= _coupleThreshold>><<set $rylan_Lust += 1>><<trackLust "Rylan" 1>><<set $liora_Lust += 1>><<trackLust "Liora" 1>>Being this close to her, knowing we're together now... it sends a warm thrill through me.<</if>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>><<set $serin_LioraAffection -= 1>><<trackAffection "Serin" "Liora" -1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yeah, well, don't let it go to your head. F-Rank is still basically the bottom of the barrel."</span> Serin's voice carries her usual teasing tone, but there's something sharper underneath it. She's walking a bit apart from us, her arms crossed. <span class="dialog-serin">"I've been carrying E-Rank for months now."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _serinPainRoll = random(1, 100)>><<set _serinPainThreshold = 30>><<if _serinPainRoll <= _serinPainThreshold>><<set $serin_Lust += 1>><<trackLust "Serin" 1>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>>I catch her glancing at how close Liora and I are walking, and for just a moment, her confident mask slips. There's something raw in her emerald eyes before she looks away.<</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Elena looks up from behind the reception desk as we approach, her ginger hair catching the morning light.</p> <center><img src="images/elenor/face.webp" alt="Elena Face" width="600"></center> <span class="dialog-female-npc">"Well, well! Our newest F-Rank adventurer returns. How does it feel, $humanName?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Pretty good, actually. We're here to see about taking on some missions as a party."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Excellent! Though I have to warn you..."</span> Elena's expression becomes apologetic as she rifles through a stack of papers. <span class="dialog-female-npc">"Pickings are pretty slim right now for F-Rank parties. Most of the interesting work has been snapped up by the higher-ranked teams."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Come on, there has to be something. We're not asking for a dragon hunt here."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Well, there is one thing..."</span> Elena pulls out a particular scroll, studying it. <span class="dialog-female-npc">"BlackSlimes have been spotted in the Forest of the Beginning. They're not much stronger than regular slimes, but that area is typically reserved for guild exams."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"The Forest of the Beginning? Isn't that where most people take their advancement tests?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Exactly. The presence of BlackSlimes is unusual - they normally stick to deeper forest areas. We need someone to clear them out before the next exam period."</span> Elena looks thoughtful. <span class="dialog-female-npc">"Three BlackSlimes shouldn't be too challenging for a party of your composition, but they are a bit tougher than normal slimes."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"What makes them different?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"BlackSlimes have a harder exterior and can absorb more damage before dissolving. They also move slightly faster. Nothing an experienced E-Rank like Serin can't handle, and good practice for you two newer adventurers."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _mysteryRoll = random(1, 100)>><<set _mysteryThreshold = 45>><<if _mysteryRoll <= _mysteryThreshold>><<set $rylan_VoyeurismFetish += 0.1>><<trackFetish "Rylan" "VoyeurismFetish" 0.1>>Something about returning to the Forest of the Beginning feels significant. It's where I first failed, and now I'm going back as part of a team.<</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Sounds simple enough. What's the pay?"</span> She crosses her arms, though I notice she's standing further from us than usual. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Fifteen gold for the party - a bit more than standard slime work since it's clearing an exam area. Plus, if you do well, it could help with future advancement opportunities."</span> Elena slides the mission scroll across the counter. <span class="dialog-female-npc">"Standard terms: bring back their cores as proof of elimination."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I pick up the scroll, reading over the details. The Forest of the Beginning...</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Alright, we'll take it. It'll be good to prove ourselves as a proper party."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"At least we'll get to work together as a real team now."</span> Her smile is genuine, and when she looks at me, there's something warm and intimate in her gaze that makes my heart race. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _intimateRoll = random(1, 100)>><<set _intimateThreshold = 35>><<if _intimateRoll <= _intimateThreshold>><<set $rylan_LioraAffection += 1>><<trackAffection "Rylan" "Liora" 1>><<set $liora_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 1>>The way she says "team" makes it clear she's thinking about more than just the mission.<</if>><<set $serin_RylanAffection -= 1>><<trackAffection "Serin" "Rylan" -1>><<set $serin_LioraAffection -= 1>><<trackAffection "Serin" "Liora" -1>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yeah, a real team."</span> Serin's voice is flat, and when I glance at her, she's staring out the window rather than at us. <span class="dialog-serin">"Should be interesting."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _tensionRoll = random(1, 100)>><<set _tensionThreshold = 40>><<if _tensionRoll <= _tensionThreshold>><<set $serin_LioraAffection -= 1>><<trackAffection "Serin" "Liora" -1>>There's definitely something bothering her, but every time I try to catch her eye, she looks away.<</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"The BlackSlimes have been spotted near the old training grounds in the forest - you should remember the area from your exam, $humanName. It's about a thirty-minute walk from town."</span> Elena marks something on a map and hands it to us. <span class="dialog-female-npc">"Be careful - while they're not significantly stronger, they can be more unpredictable than regular slimes."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Got it. We'll head out now while we've got good daylight."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we turn to leave, Elena calls after us.</p> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Oh, and $humanName? This might be good practice for when you're ready to attempt E-Rank advancement. Show the guild what your party can do."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Walking toward the guild exit, I notice Serin has fallen behind us again. When Liora slips her hand into mine, a gesture that sends electricity up my arm, I hear Serin make a small sound behind us that might have been a sigh.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _handHoldRoll = random(1, 100)>><<set _handHoldThreshold = 30>><<if _handHoldRoll <= _handHoldThreshold>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $liora_Lust += 1>><<trackLust "Liora" 1>><<set $rylan_SubmissionFetish += 0.1>><<trackFetish "Rylan" "SubmissionFetish" 0.1>>The simple intimacy of holding hands in public makes my heart pound. There's something thrilling about this new openness between us.<</if>><<set $serin_RylanAffection -= 2>><<trackAffection "Serin" "Rylan" -2>><<set $serin_LioraAffection -= 1>><<trackAffection "Serin" "Liora" -1>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Ready for some BlackSlime hunting?"</span> I ask, trying to keep the mood light. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"With you? I'm ready for anything."</span> Her words are soft but carry a meaning that makes me blush. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Let's just get this over with."</span> Serin pushes past us toward the door, her usual energy seeming forced. <span class="dialog-serin">"Those slimes won't kill themselves."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _serinMaskRoll = random(1, 100)>><<set _serinMaskThreshold = 25>><<if _serinMaskRoll <= _serinMaskThreshold>><<set $serin_corruption += 0.1>><<trackOther "Serin" "corruption" 0.1>>I catch a glimpse of her reflection in the guild's window as we pass, her smile looks more like a grimace. Whatever's bothering her, she's working hard to hide it.<</if>> <center><img src="images/serin/facesad.webp" alt="Serin trying to hide pain" width="300"></center> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The morning air feels crisp as we step outside, but there's an undercurrent of tension in our little group that wasn't there yesterday. Still, we have a mission to complete, and maybe some time in the forest will help us figure out this new dynamic.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Alright, party. Let's go show those BlackSlimes what we can do."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Though as I say it, I can't shake the feeling that returning to the Forest of the Beginning might bring up more than just slimes.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Head to the Forest</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Begin your first mission as a proper adventuring party.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to the Forest|Forest]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script> <<set $mariel_Lust to $mariel_Lust or 0>> <<set $mariel_SmellFetish to $mariel_SmellFetish or 0>> <<set $mariel_SerykAffection to $mariel_SerykAffection or 0>> <<set $mariel_NimeriaAffection to $mariel_NimeriaAffection or 0>> <<set $seryk_MarielAffection to $seryk_MarielAffection or 0>> <<set $nimeria_MarielAffection to $nimeria_MarielAffection or 0>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we approach the front door, I can see the warm glow of candlelight through the windows. Home. After everything that's happened today, there's nothing I want more than to just collapse and process what we've been through.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Welcome back!"</span> Mariel's voice calls out as she opens the door, her face lighting up with that familiar motherly smile. <span class="dialog-mariel">"How did the forest hunt go? I was starting to worry when-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words die in her throat as her emerald eyes fall upon Seryk and Nimeria. The color drains from her face, and she takes an instinctive step backward.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/faceshocked.webp" alt="Mariel" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceshocked.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"D-demons..."</span> she whispers, her hand moving to where her holy symbol used to hang. Old habits from her priestess days. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Mariel, wait!"</span> I quickly step forward, raising my hands peacefully. <span class="dialog-rylan">"It's not what you think! They're not hostile!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"They actually helped us!"</span> Liora adds, moving to stand beside me. <span class="dialog-liora">"Seryk protected us from some slimes, and Nimeria... well, she's been nothing but friendly!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yeah, they're cool,"</span> Serin chimes in, though she keeps her hand near her daggers out of habit. <span class="dialog-serin">"Weird, but cool."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> Seryk steps forward slowly, his hands visible and non-threatening. <span class="dialog-seryk">"Ma'am, I understand your concern. I know what my kind represents to humans. But I give you my word - I mean no harm to you or your family."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Hi there!"</span> Nimeria waves cheerfully, seemingly oblivious to the tension. <span class="dialog-nimeria">"You must be <<print $humanName>>'s <<print $marielToHuman>>! <<print $humanName>> has told us so much about you!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel's eyes dart between all of us, her maternal instincts warring with years of conditioning about demons. I can see her mind working, processing what we're telling her.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You... you're really not here to hurt anyone?"</span> she asks cautiously. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"No, ma'am. We're just travelers looking for a place to belong."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"But the people in town... they won't understand. If they see demons living here, they'll..."</span> She trails off, worry creasing her brow. <span class="dialog-mariel">"They'll treat you harshly. Maybe even violently."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The group falls silent. I hadn't really thought about that aspect - how would the townspeople react to having demons living among them?</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Mariel closes her eyes, her hand moving to her temple as she thinks deeply. The silence stretches on for what feels like an eternity. When she finally opens her eyes, there's a determined look in them that I recognize - it's the same expression she gets when she's made up her mind about something important.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"No."</span> She shakes her head firmly. <span class="dialog-mariel">"It's fine. You can stay here. We have spare rooms upstairs."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Really?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I'll talk to the neighbors personally. And to Thalor when he gets back. I'll make them understand that you're not a threat."</span> Her voice grows stronger with conviction. <span class="dialog-mariel">"Everyone deserves a chance to prove themselves."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Wait... Mariel and Thalor?"</span> Nimeria's cheerful expression suddenly shifts to one of shock and growing fear. <span class="dialog-nimeria">"Don't tell me you're..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Yes, she and Thalor defeated the demon king."</span> Liora says proudly, not noticing Nimeria's reaction. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The color drains from Nimeria's face completely. Without warning, she drops to her knees, trembling.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Please don't kill me! I know what you did to the demon king and his family, but I'm not like them! I've never hurt anyone!"</span> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/faceworried.webp" alt="Mariel" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh my goodness, child, get up!"</span> Mariel rushes forward, her maternal instincts overriding everything else. <span class="dialog-mariel">"It's all good, we won't do anything to you. That was a long time ago, and you're clearly not our enemy."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Really?! Thank you so much!"</span> Nimeria practically bounces with excitement before rushing forward and wrapping Mariel in an enthusiastic hug. <span class="dialog-nimeria">"You're the best!"</span> <div style="clear: left;"></div> </div> <center><img src="images/mariel/facelaugh.webp" alt="Mariel" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite herself, Mariel can't help but smile at Nimeria's infectious enthusiasm.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Well, aren't you a sweet one."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Thank you, ma'am. This means more than you know."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Come on, let me show you to your rooms."</span> I gesture toward the stairs. <span class="dialog-rylan">"We've got a couple of guest rooms that should work perfectly."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we head toward the staircase, Seryk passes close by Mariel. She's still smiling from Nimeria's hug when suddenly her expression changes. Her nostrils flare slightly as she catches his scent - something musky and powerful, tinged with sweat from the day's exertions and something else...</p> <div style="clear: left;"></div> </div> <<set _marielRoll = random(1, 100)>><<set _marielSmellThreshold = 45>><<set _marielSmellMod = Math.floor($mariel_SmellFetish / 10) * -5>><<set _marielLustMod = Math.floor($mariel_Lust / 20) * -5>><<set _marielFinalThreshold = _marielSmellThreshold + _marielSmellMod + _marielLustMod>> <<if _marielRoll <= _marielFinalThreshold>><<set $mariel_SmellFetish += 0.3>><<trackFetish "Mariel" "SmellFetish" 0.3>>The scent hits her like a wave - masculine, powerful, and strangely intoxicating. She finds herself breathing deeper, trying to catch more of it.<<set $mariel_Lust += 8>><<trackLust "Mariel" 8>><<set $mariel_SerykAffection += 1>><<trackAffection "Mariel" "Seryk" 1>><</if>> <center><img src="images/mariel/faceembarrassed.webp" alt="Mariel" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">For just a moment, Mariel's cheeks flush and she looks confused by her own reaction. She shakes her head slightly, as if trying to clear it.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I... I should start preparing dinner. You must all be hungry after your adventure."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"That's very kind of you, Sunflower."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Sunflower?"</span> She blinks, surprised by the nickname. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Sorry, I have a habit of giving people nicknames. You just... you have this warm, nurturing energy. Like sunlight."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite her earlier shock, Mariel finds herself smiling at the compliment.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That's... actually quite sweet."</span> <div style="clear: left;"></div> </div> <<set $seryk_MarielAffection += 2>><<trackAffection "Seryk" "Mariel" 2>><<set $nimeria_MarielAffection += 3>><<trackAffection "Nimeria" "Mariel" 3>><<set $mariel_NimeriaAffection += 2>><<trackAffection "Mariel" "Nimeria" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we head upstairs, I can't help but feel relieved. Having Mariel's support means everything. Now we just have to hope that Thalor will be as understanding when he returns.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I lead Seryk and Nimeria up the wooden stairs, the old boards creaking softly under our feet. The second floor has two spare rooms that we've barely used since moving here.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Here we are,"</span> I say, opening the first door. <span class="dialog-mariel">"This room has a nice view of the garden, and the other one overlooks the street. You can choose whichever you prefer."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Ooh, I want the garden view!"</span> Nimeria peeks into the first room and claps her hands together. <span class="dialog-mariel">"It's perfect! Thank you so much!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"The street view works fine for me, bro. Thanks for this."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"No problem. Make yourselves at home."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Demon Rooms</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Show Seryk and Nimeria to their new rooms.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|DemonRooms]]</div></div></div> <<statSummary>> <<changeFace $currentMarielFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><div class="intervention-failed-container" style="background-image: url('images/landscapes/forest.webp'); background-size: cover; background-position: center; min-height: 500px; position: relative; border-radius: 10px; overflow: hidden;"><div class="night-overlay" style="background: linear-gradient(to bottom, rgba(50,25,25,0.8), rgba(30,15,15,0.9)); position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="intervention-content" style="position: relative; z-index: 2; padding: 30px; text-align: center;"><h2 style="color: #ffb3b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 20px; font-size: 1.8em;">Your intervention fails...</h2><div class="failure-message" style="background: linear-gradient(145deg, rgba(139,0,0,0.3), rgba(100,0,0,0.4)); border: 2px solid rgba(200,100,100,0.4); border-radius: 12px; padding: 20px; margin: 20px auto; max-width: 600px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"><p style="color: #ffcccc; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 15px; font-size: 1.1em;">You try to interrupt, but your presence feels... unwelcome.</p><p style="color: #ffb3b3; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 15px; font-size: 1em;">The bond between them has grown too strong. Your attempt to intervene only makes you feel like an outsider.</p><p style="color: #ff9999; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; font-size: 0.9em; font-style: italic;">Perhaps if their feelings for you were stronger, this might have gone differently...</p></div><div class="action-cost" style="background: linear-gradient(145deg, rgba(100,100,150,0.2), rgba(80,80,120,0.3)); border: 1px solid rgba(150,150,200,0.3); border-radius: 8px; padding: 15px; margin: 20px auto; max-width: 400px; backdrop-filter: blur(3px);"><p style="color: #e0e0ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0;">You've spent your action point, but the threat remains...</p></div><div style="margin-top: 40px;"><div class="return-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"><div style="background: linear-gradient(145deg, rgba(100,100,150,0.2), rgba(80,80,120,0.3)); border: 2px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 15px 25px; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.3); backdrop-filter: blur(3px);"><h3 style="color: #c0c0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; font-size: 1.1em;">Return to night activities</h3><p style="color: #a0a0c0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 5px 0 0 0; font-style: italic;">"Maybe I should focus on someone else..."</p></div></div><div style="margin-top: 15px;"><<link "Continue" "NightActivities2">><</link>></div></div></div></div><style>.intervention-failed-container a {color: #ffb3b3;text-decoration: none;background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.1));border: 1px solid rgba(255,255,255,0.3);border-radius: 8px;padding: 10px 20px;display: inline-block;margin-top: 10px;transition: all 0.3s ease;text-shadow: 1px 1px 2px rgba(0,0,0,0.8);font-weight: bold;font-size: 1.1em;}.intervention-failed-container a:hover {color: #fff2b3;background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15));border-color: rgba(255,255,255,0.5);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.4);}.intervention-failed-container a:active {transform: translateY(0px);box-shadow: 0 2px 6px rgba(0,0,0,0.3);}.return-option:hover {transform: translateY(-3px) scale(1.02);opacity: 0.9;}.return-option:active {transform: translateY(-2px) scale(1.01);}</style><<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<if not $rylan_NimeriaAffection>><<set $rylan_NimeriaAffection = 0>><</if>><<if not $rylan_NimeriaAttraction>><<set $rylan_NimeriaAttraction = 0>><</if>><<set $metNimeria = true>><<set $metSeryk = true>><<set _baseRoll = random(1, 100)>><<set _lustThreshold = 65>><<set _lustMod = Math.floor($rylan_Lust / 20) * -5>><<set _attractionMod = Math.floor($rylan_NimeriaAttraction / 10) * -3>><<set _finalThreshold = _lustThreshold + _lustMod + _attractionMod>><<if _baseRoll <= _finalThreshold>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><</if>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I stare at the ground, my mind racing. Everything I thought I knew just got turned upside down. These aren't the evil monsters from the stories - they're escaped slaves with nowhere to go. And I... I attacked them first.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #87CEEB; font-style: italic; margin: 10px 0; line-height: 1.6;">God, what was I thinking? I charged at them like some kind of hero, but I was just... wrong. Completely wrong. They saved our lives, and I tried to kill him for a bounty that probably doesn't even exist. I'm not the demon slayer - I'm the idiot who attacks refugees.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The words come out hesitantly.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Maybe... maybe you could come with us?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Everyone turns to stare at me - Liora with wide eyes, Serin with raised eyebrows, and both demons with surprise.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I mean... you said you have nowhere to go, right? And we live in Lindale - it's not far from here. My... my $bothToHuman might be able to help you figure out those collars, or at least give you a place to stay while you get back on your feet."</span> I pause, then look directly at Seryk. <span class="dialog-rylan">"It's the least I can do after... after what I did."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName!"</span> Liora hisses under her breath, clearly shocked by my suggestion. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Are you serious right now?"</span> Serin looks between me and the two demons. <span class="dialog-serin">"We just fought them!"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Hey, I said I was sorry about that, Wildcat."</span> Seryk scratches his head sheepishly. <span class="dialog-seryk">"And honestly, bro, that's... that's really generous of you. Most humans wouldn't even consider helping demons."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria's eyes light up with hope, and something about her expression makes my chest feel warm.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You would really do that? Even after what happened?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <<if _baseRoll <= _finalThreshold>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something about being near her that makes my pulse quicken. Maybe it's just the adrenaline from the fight, but I find myself drawn to her presence in a way I can't quite explain.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Everyone deserves a chance,"</span> I say, my voice shaky with guilt. <span class="dialog-rylan">"Besides, you saved our lives after I... after I tried to..."</span> I can't even finish the sentence. <span class="dialog-rylan">"I owe you an apology. A real one. And maybe this is a start."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Thank you,"</span> she whispers, and I swear I see tears forming in her eyes again. <span class="dialog-nimeria">"You have no idea what this means to us."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Before I can react, Nimeria rushes forward and wraps me in a tight hug. Her sweet, intoxicating scent fills my nostrils as she presses against me, and I feel a strange warmth spreading through my body.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <<set _hugRoll = random(1, 100)>><<if _hugRoll <= 60>><<set $rylan_Lust += 3>><<trackLust "Rylan" 3>><<set $rylan_NimeriaAttraction += 1>><<trackAttraction "Rylan" "Nimeria" 1>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Thank you, thank you so much!"</span> she says into my shoulder, her voice muffled but filled with genuine emotion. The hug lasts just a moment longer than it probably should, and when she pulls back, her bright smile seems to light up the entire forest clearing. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName, can we talk? Privately?"</span> Liora's voice is tight with concern. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yeah, this might not be the smartest idea..."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Look, I get it. You don't trust us. Hell, I wouldn't trust me either after what just happened."</span> He holds up his hands peacefully. <span class="dialog-seryk">"But I give you my word - we won't cause any trouble. We just need somewhere safe to figure out our next move."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"We could help with chores, or work to earn our keep,"</span> Nimeria adds eagerly. <span class="dialog-nimeria">"We don't want to be a burden."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> I look at my companions' worried faces, then back at the two demons. The guilt gnaws at me, but something deeper tells me this is the right thing to do. <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I look at my companions' worried faces, then back at the two demons. The guilt gnaws at me, but something deeper tells me this is the right thing to do.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #87CEEB; font-style: italic; margin: 10px 0; line-height: 1.6;">Maybe for once I can do something right. Maybe I can be the guy who helps instead of the guy who makes everything worse. They need help, and I owe them at least this much.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's settled then. You're coming with us."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The journey back through the forest is... interesting. Seryk walks alongside us, chatting easily despite the earlier violence. He seems genuinely friendly, asking about our training, our goals as adventurers, even complimenting Serin on her fighting technique.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">How can he be so... normal? So friendly? I was ready to kill him for money, and now he's giving Serin fighting tips like we're old friends. What kind of person does that make me?</span></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Seriously, Wildcat, those moves with the daggers? That was some next-level stuff. Where'd you learn to fight like that?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Years of practice,"</span> Serin replies, still wary but warming up slightly to his enthusiasm. <span class="dialog-serin">"And it's Serin, not Wildcat."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Serin it is. Though you do fight like a wildcat - all speed and precision."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria walks closer to me and Liora, and I notice Liora examining the black marbles we collected from the slimes earlier.</p> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I wonder what we should do with these,"</span> she muses, holding up one of the dark, swirled stones. <span class="dialog-liora">"They're too pretty to just sell, but I'm not sure what else they're good for."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/items/blackmarbles.webp" alt="Black marbles" width="300" style="display: block; margin: 20px auto;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria's eyes immediately lock onto the marbles, and her face lights up with that bright, cheerful smile that seems to be her constant expression.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh wow, they're so beautiful!"</span> She moves closer, and I catch that same sweet, intoxicating scent from her - something that makes my head feel slightly dizzy. <span class="dialog-nimeria">"The patterns inside are mesmerizing. Can I... can I have them?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <<set _proximityRoll = random(1, 100)>><<if _proximityRoll <= 50>><<set $rylan_Lust += 2>><<trackLust "Rylan" 2>><<set $rylan_NimeriaAttraction += 1>><<trackAttraction "Rylan" "Nimeria" 1>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh! Of course, if you want them."</span> Liora seems surprised but pleased by Nimeria's interest. <span class="dialog-liora">"We weren't sure what to do with them anyway."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Thank you so much!"</span> Nimeria carefully takes the marbles, cradling them like precious gems. <span class="dialog-nimeria">"They're absolutely perfect."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She hesitates for a moment, then looks at Liora with that same hopeful expression.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Um... this might sound strange, but do you happen to have an empty vial? Just a small one?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"A vial?"</span> Liora looks puzzled but reaches into her healing pouch. <span class="dialog-liora">"I have a few spare ones... here."</span> She hands Nimeria a small, clear glass vial. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Perfect! Thank you again, you're all so kind."</span> Nimeria carefully tucks the vial away with the marbles, her smile somehow becoming even brighter. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we continue walking, the sound of running water grows louder. Soon we emerge at the edge of a crystal-clear lake, its surface reflecting the afternoon sun like scattered diamonds.</p> <center><img src="images/landscapes/forestlake.webp" alt="Forest lake" width="600"></center> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, this is perfect!"</span> Nimeria exclaims, looking down at her dirt-stained clothes and skin. <span class="dialog-nimeria">"Would it be alright if I took a quick bath? I'm absolutely filthy from days in the forest."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Good idea, Nim. You do look like you wrestled with a mud pit."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Says the demon who's covered in just as much dirt,"</span> she retorts with a smile. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course, go ahead. We'll wait here and keep watch."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Just... be careful. We don't know what might be in the water."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I will. Thank you all again - for everything."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She heads toward a secluded part of the lake, hidden by some large rocks and overhanging trees. The rest of us settle down to wait, and Seryk immediately starts up another conversation.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"So, Little Bird,"</span> he says to Liora, <span class="dialog-seryk">"that healing magic of yours is impressive. How long have you been studying the healing arts?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Since I was young. My grandmother taught me the basics."</span> Liora seems more relaxed now, perhaps reassured by Seryk's genuine interest. <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"And you, bro?"</span> He turns to me. <span class="dialog-seryk">"That sword work needs some polish, but you've got heart. That counts for a lot in a real fight."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Thanks... I think?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Trust me, it's a compliment. I've seen plenty of skilled fighters with no courage, and plenty of brave fighters with no skill. You can teach skill, but you can't teach heart."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The conversation continues pleasantly, and I find myself actually starting to like Seryk despite everything. He's crude and direct, but there's an honesty to him that's refreshing.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then, cutting through our conversation like a knife, comes a loud, terrified scream from the direction of the lake.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"AAAAHHH..."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <<set $rylan_NimeriaAffection += 2>><<trackAffection "Rylan" "Nimeria" 2>><<set $rylan_SerykAffection += 3>><<trackAffection "Rylan" "Seryk" 3>><<set $liora_NimeriaAffection += 5>><<trackAffection "Liora" "Nimeria" 5>><<set $liora_SerykAffection += 3>><<trackAffection "Liora" "Seryk" 3>><<set $serin_NimeriaAffection += 8>><<trackAffection "Serin" "Nimeria" 8>><<set $serin_SerykAffection += 5>><<trackAffection "Serin" "Seryk" 5>><<set $seryk_RylanAffection += 10>><<trackAffection "Seryk" "Rylan" 10>><<set $seryk_LioraAffection += 8>><<trackAffection "Seryk" "Liora" 8>><<set $seryk_SerinAffection += 12>><<trackAffection "Seryk" "Serin" 12>><<set $nimeria_RylanAffection += 15>><<trackAffection "Nimeria" "Rylan" 15>><<set $nimeria_LioraAffection += 10>><<trackAffection "Nimeria" "Liora" 10>><<set $nimeria_SerinAffection += 12>><<trackAffection "Nimeria" "Serin" 12>><<set $liora_RylanAffection -= 1>><<trackAffection "Liora" "Rylan" -1>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Rush to Help</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Nimeria is in trouble!</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Rush to help Nimeria|RushToNimeria]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script><<set $currentPOV = "Rylan">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95), rgba(255, 192, 203, 0.9), rgba(255, 182, 193, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/landscapes/rylanhome.webp" alt="Home" width="450"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I'm relaxing in the living room with Serin when I hear voices approaching the house. The shopping trip must be over.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Finally! I was getting bored just sitting around."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The door opens and Mariel walks in first, looking satisfied with herself, followed by Seryk carrying several packages and complaining under his breath about "restrictive clothing."</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Then Nimeria enters with a knowing smile, and finally...</p> <div style="clear: left;"></div> </div> <img src="images/liora/pinkshortdress/1.webp" alt="Liora in pink dress" width="600"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My breath catches in my throat. Liora steps through the doorway wearing a short pink dress that hugs her curves in ways I've never seen before. The neckline dips low enough to show a tantalizing glimpse of her cleavage, and the hem barely reaches mid-thigh, showing off her long legs in those black pantyhose.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"L-Liora?"</span> I stammer, feeling heat rush to my face. <div style="clear: left;"></div> </div> <img src="images/liora/faceembarrassedshortpink.webp" alt="Liora" width="300"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Do I... do I look okay?"</span> She fidgets with the hem of the dress, clearly self-conscious about showing so much skin. <span class="dialog-liora">"Nimeria insisted I needed something more... fashionable."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to form words, but my eyes keep drifting to the way the dress accentuates her figure. The innocent girl I fell in love with is still there, but now there's something else - a hint of sensuality that makes my heart race.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You look... incredible."</span> I finally manage to say, my voice slightly hoarse. <div style="clear: left;"></div> </div> <img src="images/serin/face.webp" alt="Serin" width="300"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Wow, Liora! You clean up nice!"</span> Even Serin seems impressed by the transformation. <div style="clear: left;"></div> </div> <img src="images/nimeria/facesmile.webp" alt="Nimeria" width="300"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"See? I told you he'd like it!"</span> Nimeria looks pleased with her handiwork. <div style="clear: left;"></div> </div> <img src="images/liora/facesmile.webp" alt="Liora" width="300"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Really? You think it suits me?"</span> There's something different in Liora's voice - a hint of confidence that wasn't there before. The way she moves in the dress, the slight sway of her hips... it's like she's discovering a new side of herself. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't take my eyes off her. This new look awakens something in both of us - she's stepping out of her shell, becoming more aware of her own appeal, while I'm struggling not to stare at every curve the dress reveals.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It definitely suits you."</span> I clear my throat, trying to regain my composure. <span class="dialog-rylan">"Very much."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she smiles at my approval, the slight blush on her cheeks combined with this newfound confidence - it's absolutely captivating.</p> <div style="clear: left;"></div> </div> <<set $rylan_LioraAttraction += 3>><<trackAttraction "Rylan" "Liora" 3>><<set $liora_RylanAttraction += 2>><<trackAttraction "Liora" "Rylan" 2>><<set $rylan_LioraAffection += 2>><<trackAffection "Rylan" "Liora" 2>><<set $liora_RylanAffection += 2>><<trackAffection "Liora" "Rylan" 2>><<addSoulCorruption "liora" 1>><<changeLust "Rylan" 8>><<changeLust "Liora" 5>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="corruption-showcase"> <p style="color: #9370db; font-size: 1.1em; text-align: center; margin: 15px 0; font-style: italic;">😈 Liora gains 1 Soul Corruption: Embracing her sensuality and enjoying the attention her revealing outfit brings</p> </div> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Afternoon Picnic</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue with the afternoon activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue with the Afternoon|AfternoonPicnic]]</div></div></div> <<statSummary>> <<soulDisplay "liora">> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script><<set $rylan_LioraAffection += 3>><<set $liora_RylanAffection += 3>><<set $rylan_LioraAttraction += 1>><<set $liora_RylanAttraction += 1>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(35, 35, 60, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="visit-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Liora's Room - Late Night</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">A quiet conversation in the moonlight...</p> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 15px 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I knock softly on Liora's door. After a moment, I hear her gentle voice.</p> <span class="dialog-liora">"Come in, <<print $humanName>>..."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find her sitting by the window in her pink dress, moonlight streaming across her face. She looks up with a soft smile.</p> <span class="dialog-liora">"I couldn't sleep either. The soul transformations... they've changed everything, haven't they?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <span class="dialog-rylan">"Yeah, I keep thinking about what happened. How are you feeling about it all?"</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shifts slightly, making room for me to sit beside her.</p> <span class="dialog-liora">"Scared, but... also hopeful? I feel like I can sense things differently now. Like I'm more aware of the people around me."</span> She glances at me meaningfully. <span class="dialog-liora">"Especially you."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <span class="dialog-rylan">"I feel it too. This connection between us... it's stronger now."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her cheeks flush slightly in the moonlight.</p> <span class="dialog-liora">"I'm glad you came to talk. Whatever these changes bring, I want us to face them together. You make me feel safe, <<print $humanName>>."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <span class="dialog-rylan">"Always, Liora. We're in this together, no matter what happens."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She reaches out and takes my hand, squeezing it gently.</p> <span class="dialog-liora">"Thank you. I feel so much better now. Like... like we can handle whatever comes next."</span> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We sit in comfortable silence for a moment, hands intertwined, both feeling the deeper bond that's formed between us.</p> <div style="clear: left;"></div> </div> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div class="visit-actions" style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100,150,100,0.2); border: 1px solid rgba(150,200,150,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #b0e0b0; font-size: 0.9em; margin: 0; font-style: italic;">The quiet conversation has strengthened your bond with Liora.</p> </div> <<link "Return to the hallway" "NightActivities2">><</link>> </div> <div style="clear: left;"></div> </div> </div></div> <<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 3>><<trackAttraction "Rylan" "Liora" 1>><<trackAttraction "Liora" "Rylan" 1>><<statSummary>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set $rylan_MassagedMarielBack2 = true>> <<set $rylan_MassagedMarielIntimately = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">A Gentle Back Massage</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Helping with her tension...</p> </div> <center><img src="images/mariel/nightactivities/2/2.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel preparing for massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Your back... you mentioned it was sore earlier."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_MassagedMarielBack>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Yes... the last massage helped so much. I think I might have overdone it with the housework again."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She gives a slightly embarrassed smile.</p> <span class="dialog-mariel">"Would you mind...?"</span> <<else>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"My back has been so tense lately. If you're sure it's not too much trouble..."</span> <</if>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She sits on the edge of her bed, turning slightly away from me.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I... you can massage through the nightgown, right? I don't want to make this too... complicated."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's a nervous flutter in her voice, and I can see her hands fidgeting with the fabric.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course. Whatever makes you comfortable."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -5>> <<set _corruptionMod = Math.floor(($rylan_corruption || 0) / 20) * -10>> <<if $rylan_MassagedMarielBack>> <<fetishRoll "Rylan" "BreastFetish" "Mariel" 35 0.2 _lustMod _corruptionMod>> <<else>> <<fetishRoll "Rylan" "BreastFetish" "Mariel" 40 0.15 _lustMod _corruptionMod>> <</if>> <<set _breastSuccess = _fetishSuccess>> <<fetishRoll "Rylan" "SmellFetish" "Mariel" 40 0.15 _lustMod _corruptionMod>> <<set _smellSuccess = _fetishSuccess>> <<fetishRoll "Rylan" "SubmissionFetish" "Mariel" 45 0.1 _lustMod _corruptionMod>> <<set _submissionSuccess = _fetishSuccess>> <<changeLust "Rylan" 2>> <<if _breastSuccess>> <<if $rylan_MassagedMarielBack>> <<changeFetish "Rylan" "BreastFetish" 0.2>> <<changeLust "Rylan" 2>> <<else>> <<changeFetish "Rylan" "BreastFetish" 0.15>> <<changeLust "Rylan" 1>> <</if>> <<else>> <<changeFetish "Rylan" "BreastFetish" 0.05>> <</if>> <<if _smellSuccess>> <<changeFetish "Rylan" "SmellFetish" 0.15>> <<changeLust "Rylan" 1>> <<else>> <<changeFetish "Rylan" "SmellFetish" 0.05>> <</if>> <<if _submissionSuccess>> <<changeFetish "Rylan" "SubmissionFetish" 0.1>> <<changeLust "Rylan" 1>> <<else>> <<changeFetish "Rylan" "SubmissionFetish" 0.05>> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Actually... wait."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She pauses, her hands fidgeting with the hem of her nightgown.</p> <span class="dialog-mariel">"The nightgown... it's going to get in the way, isn't it? For a proper massage?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's a nervous flutter in her voice as she looks down at the silk fabric.</p> <span class="dialog-mariel">"Could you... could you turn around for a moment? I'll just... I'll change into something more appropriate for a massage."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I turn away, facing the window, my heart beating faster at the implication.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I hear the soft rustle of fabric behind me, the whisper of silk sliding over skin. The sound seems to echo in the quiet room, and I find myself holding my breath.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Okay... you can turn back now."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice is softer, more vulnerable than before.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/backmassage1.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel lying down for massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When I turn around, my breath catches. She's lying on her stomach on the bed, wearing only a delicate white bra and matching panties. The moonlight plays across her bare skin, highlighting every graceful curve of her back and the elegant line of her spine.</p> <<if _breastSuccess && _smellSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sight of her in just her undergarments catches my attention more than it should. Her scent - a mix of her perfume and something warmer, more personal - fills the air around us. I feel my pulse quicken as I approach.</p> <<elseif _breastSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even in just her bra and panties, I can't help but notice the elegant curve of her waist, the way her figure is highlighted by the delicate undergarments. There's something about seeing her like this that makes my heart beat faster.</p> <<elseif _smellSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her scent is more noticeable now that I'm close - not just perfume, but something softer and more intimate. It makes me feel slightly lightheaded as I position myself beside the bed.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even though she's still covered by her undergarments, there's something about this situation that feels incredibly intimate. The trust she's showing, the vulnerability...</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Is... is this better? For the massage, I mean?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She asks without looking back at me, her voice muffled by the pillow. I can see a blush spreading across her shoulders and neck.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... yes. This will work much better."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My voice comes out rougher than I intended.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sight of her like this - so exposed, so trusting - makes my pulse race. The contrast between her usual modest demeanor and this vulnerable position is almost overwhelming.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I... thank you for doing this. I know it's asking a lot."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice is muffled by the pillow, and I can hear a slight tremor in it.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I place my hands on her bare shoulders, feeling the warmth of her skin directly. She shivers slightly at the contact.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Just try to relax. I'll work out those knots."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_MassagedMarielBack>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Your hands... they're so gentle. I can feel the tension melting away already."</span> <<else>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh... that feels... that's very nice."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She seems surprised by her own reaction, quickly adding,</p> <span class="dialog-mariel">"I mean, you're very good at this."</span> <</if>> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Continue the Massage</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The intimate massage continues...</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue the massage|MarielBackMassage2Continue]]</div></div></div> <<changeAffection "Rylan" "Mariel" 3>> <<changeAffection "Mariel" "Rylan" 3>> <<changeAttraction "Rylan" "Mariel" 2>> <<changeAttraction "Mariel" "Rylan" 2>> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<run window.AudioSystem.playSFX('moan.mp3')>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Deeper Relaxation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">The massage continues...</p> </div> <center><img src="images/mariel/nightactivities/2/backmassage3.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work my hands along her bare back, I notice how she responds to my touch - small sighs that she tries to muffle, the way her body relaxes and then tenses again. Without the barrier of fabric, I can feel the warmth of her skin directly, the subtle tremors that run through her at my touch.</p> <<if $rylan_SubmissionFetish >= 20>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something about the way she's positioned herself, so trusting and vulnerable beneath my hands, that stirs something unexpected in me. The sight of her in just her undergarments, the way she responds to my touch...</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to focus on the massage itself, but it's impossible to ignore how intimate this feels with her wearing so little.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She shifts slightly, and I catch a glimpse of her profile - her eyes are closed, lips slightly parted, cheeks flushed. She looks... affected.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That spot... right there... mmm..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She catches herself, clearing her throat.</p> <span class="dialog-mariel">"That's where the tension is worst."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I work the area she indicated, and she lets out a soft sound that makes my heart race. My hands on her bare skin seem to make every touch more electric somehow, more charged with unspoken tension.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Better?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My voice comes out rougher than intended.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Much better. You have... very skilled hands."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something in her tone that makes me wonder if she means more than she's saying.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/backmassage4.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel after the massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I finish the massage, my hands linger on her shoulders for just a moment too long. I can feel her warmth directly now, and she doesn't pull away immediately. The moonlight catches the subtle sheen on her skin, making her look almost ethereal in just her delicate undergarments.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thank you. That was... very relaxing."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She sits up slowly, suddenly seeming to remember her state of undress. Her hands move to cover herself slightly, but she doesn't reach for her nightgown immediately. She won't quite meet my eyes.</p> <span class="dialog-mariel">"I should probably... get dressed and get some sleep now."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course. Sleep well."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But neither of us moves for a moment, the tension in the room palpable. There's something different about her now - a subtle confidence, as if she's becoming more aware of the effect she has on me, even in her vulnerable state.</p> <<changeLust "Rylan" 5>> <<changeLust "Mariel" 5>> <<addSoulCorruption "rylan" 1>> <<soulDisplay "rylan">> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">The massage has left both you and <<print $marielToHuman>> feeling... unsettled.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set $rylan_SmelledMarielFeet2 = true>> <<set $rylan_MarielTemptationChoice2 = "gaveIn">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Crossing the Line</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Giving in to forbidden desires...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Unable to resist any longer, I lean closer to her feet. The temptation is too strong, the scent too intoxicating to ignore.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I breathe in deeply, letting her intimate aroma fill my senses completely. The warm, musky scent of her feet after a long day is intoxicating in a way I never imagined possible.</p> <<changeFetish "Rylan" "SmellFetish" 0.4>> <<changeFetish "Rylan" "FeetFetish" 0.3>> <<changeLust "Rylan" 6>> <<set _oldCorruptionLevel = $rylan_soulCorruption || 0>> <<addSoulCorruption "rylan" 1>> <<set _newCorruptionLevel = $rylan_soulCorruption || 0>> <<if _newCorruptionLevel > _oldCorruptionLevel>> <<set _latestCorruption = $rylan_soulEffects[$rylan_soulEffects.length - 1]>> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The corruption spreads through me as I give in to this taboo desire, crossing a line I never thought I would cross. My pulse races with forbidden excitement as I lose myself in her scent.</p> </div> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>😈 SOUL CORRUPTION DEEPENS 😈</h3> <<if _latestCorruption>> <p><strong><<print _latestCorruption.name>></strong>: <<print _latestCorruption.effect>></p> <p>Giving in to forbidden desires has awakened this corruption within you.</p> <<else>> <p>Giving in to forbidden desires leaves a dark mark on your soul.</p> <</if>> </div> </div> <center><img src="images/mariel/nightactivities/2/footsmell.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Mmm... <<print $humanName>>..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">she murmurs softly in her half-asleep state, a small smile playing on her lips.</p> <span class="dialog-mariel">"That feels so good... don't stop..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words send another wave of desire through me, and I realize that this massage has awakened something dark and primal in both of us - something that will be impossible to ignore going forward.</p> <<changeAttraction "Mariel" "Rylan" 3>> <<changeAffection "Mariel" "Rylan" 2>> <<changeLust "Mariel" 4>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I gently finish the massage, my hands lingering perhaps longer than they should on her soft skin. As I finally pull away, she opens her eyes slightly, looking at me with an expression that seems to hold new awareness.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I had the strangest dream... about you being so close to me..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her cheeks flush deeper as she speaks, as if some part of her was aware of what happened.</p> <span class="dialog-mariel">"It felt so... intimate."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">You've crossed a forbidden line, awakening darker desires within yourself...</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<statSummary>> <<soulDisplay "rylan">> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">A Gentle Conversation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Sometimes words are enough...</p> </div> <center><img src="images/mariel/nightactivities/2/3.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I think... I think we should just talk tonight. About everything that's happened."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She nods, seeming both relieved and slightly disappointed.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You're probably right. These feelings, these changes... they're happening so fast. Maybe we need to understand them better before we act on them."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We sit together on her bed, maintaining a respectful distance but still close enough to feel the warmth of each other's presence.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"The soul transformations have changed something fundamental in all of us, haven't they? I feel more... aware. Of myself, of others, of desires I never knew I had."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I feel it too. It's like we're seeing each other with new eyes."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Sometimes I catch myself thinking things, wanting things that I know I shouldn't. It's confusing and frightening."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She looks at me with vulnerable eyes.</p> <span class="dialog-mariel">"Do you think we're still the same people we were before?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I think we're becoming who we were always meant to be. The souls just... unlocked something that was already there."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That's what scares me. If these feelings were always there, hidden away... what does that say about us? About our relationship?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We talk for a while longer about the changes, the uncertainty, the strange new world we find ourselves in. It's a gentle conversation, but one that brings us closer together in understanding if not in physical intimacy.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Thank you for being patient with me, <<print $humanName>>. For not pushing when I'm not ready."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"We have time to figure this out. Whatever this is between us, it doesn't have to be rushed."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She smiles warmly, and for a moment, the confusion and desire fade into simple affection and care.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"You're a good man. Whatever happens, I want you to know that."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 150, 100, 0.2); border: 2px solid rgba(150, 200, 150, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #b0e0b0; font-size: 0.9em; margin: 0; font-style: italic;">The gentle conversation has strengthened your emotional bond with <<print $marielToHuman>>.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<changeAffection "Rylan" "Mariel" 2>> <<changeAffection "Mariel" "Rylan" 2>> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set $rylan_MassagedMarielLegs2 = true>> <<set $rylan_MassagedMarielFeet2 = true>> <<set $rylan_MassagedMarielIntimately = true>> <<set $rylan_MarielMassageChoice2 = "both">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">An Intimate Touch</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Exploring new boundaries...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"My legs have been so tense today... would you mind helping me relax them?"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She sits gracefully on the edge of the bed in her elegant white nightgown, the fabric flowing around her curves.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Of course. Just lie back and try to relax."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She settles back against the pillows, her nightgown riding up slightly to reveal her smooth, pale legs.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/3.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I kneel beside the bed and begin working on her calves with gentle, circular motions.</p> <<changeFetish "Rylan" "ThighFetish" 0.2>> <<changeLust "Rylan" 2>> <<if ($rylan_ThighFetish || 0) >= 20>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The softness of her skin beneath my hands sends unexpected jolts through me. Her legs are so perfectly shaped, so inviting to touch. I find myself lingering on each stroke, mesmerized by the curves.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something about touching her like this that's affecting me more than I expected. The intimacy of the moment is stirring unfamiliar feelings.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Mmm... that feels wonderful. Your hands are so skilled."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice carries a note of appreciation that makes my heart race.</p> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I work my way up to her thighs, she lets out soft sighs of contentment. The massage oil makes her skin glisten in the moonlight.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/footmassage1.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"<<print $humanName>>... could you... could you massage my feet too? They've been aching all day."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something almost shy in her request, a hint of embarrassment that makes her even more endearing.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I move to the foot of the bed, gently taking one of her feet in my hands.</p> <<if ($rylan_FeetFetish || 0) >= 15>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She has such elegant feet - perfectly shaped with delicate toes and smooth soles. I can't help but admire them.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to maintain a professional demeanor as I begin working on her feet.</p> <</if>> </div> <center><img src="images/mariel/nightactivities/2/footmassage2.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<changeFetish "Rylan" "FeetFetish" 0.3>> <<changeLust "Rylan" 3>> <<if ($rylan_FeetFetish || 0) >= 25>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself completely mesmerized by her feet. The way her toes curl slightly when I touch a sensitive spot, the elegant arch, the soft warmth of her skin - it's intoxicating. This is awakening desires I never knew I had.</p> <<elseif ($rylan_FeetFetish || 0) >= 10>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something deeply intimate about holding her feet like this. I'm surprised by how much this is affecting me.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even trying to stay professional, the intimacy of touching her like this is stirring something within me.</p> <</if>> </div> <center><img src="images/mariel/nightactivities/2/footmassage3.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I massage her feet with slow, deliberate strokes, I can't help but notice how soft her skin is, how perfectly shaped her toes are. The scent of her feet - a mixture of her natural fragrance and the faint aroma of the day's activities - fills my nostrils.</p> </div> <center><img src="images/mariel/nightactivities/2/footmassage4.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if ($rylan_FeetFetish || 0) >= 20>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The sight of her delicate feet in my hands is almost overwhelming. I find myself taking longer than necessary, savoring every moment of contact.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I continue massaging her feet, I find myself drawn to their elegant shape and softness.</p> <</if>> </div> <center><img src="images/mariel/nightactivities/2/footmassage5.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As she lies there in her half-asleep state, I find myself drawn closer to her feet. The scent is stronger now, more personal and intimate. My heart pounds as I realize how much this is affecting me. The temptation is growing stronger with each passing moment...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(50, 25, 50, 0.3), rgba(150, 100, 150, 0.5)); border: 1px solid rgba(150, 100, 150, 0.5); border-radius: 8px; padding: 20px;"> <h3 style="color: #e6b3ff; text-align: center; margin-bottom: 15px;">A Forbidden Temptation</h3> <p style="color: #d9b3d9; text-align: center; font-style: italic; margin-bottom: 20px;">The scent of her feet is intoxicating... What do you do?</p> <div style="display: flex; gap: 15px; justify-content: center;"> <div style="flex: 1; max-width: 200px;"><<link "Give in to the temptation" "MarielFootSmell2">><</link>></div> <div style="flex: 1; max-width: 200px;"><<link "Try to resist and finish professionally" "MarielResistSmell2">><</link>></div> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentPOV = "Mariel">> Another memory surfaces - the final battle with demon king Azgorth. His final words as he fell: <span class="dialog-male-npc">"I only wanted to heal this world... to make it better..."</span> Three demon children cowered behind the throne. Then Thalor stepped forward with his sword drawn. <span class="dialog-thalor">"They're demons. They can't be allowed to live."</span> <span class="dialog-mariel">"Thalor, no! They're just children!"</span> <span class="dialog-thalor">"Mariel, leave the room. You don't need to see this."</span> But I heard their screams through the door. Three innocent children, murdered by the man I loved. <div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>🌑 SOUL CORRUPTION DEEPENS 🌑</h3><p>The darkness in your soul grows stronger, fed by horror and moral conflict.</p></div></div> <center><img src="images/mariel/facesad.webp" alt="Mariel" width="300"></center> <span class="dialog-mariel">"The children... they were just children..."</span> <span class="dialog-nimeria">"Oh my, such painful memories! But sometimes we must face our past to grow stronger!"</span> The corruption whispers that perhaps the demon king had been right. Perhaps this world needs to be changed. <<addSoulCorruption "mariel" 1>><<soulDisplay "mariel">> [[Continue|MarielMemory3]] <<statSummary>> <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $currentPOV = "Mariel">> The final memory surfaces - the years after we returned home. Thalor was never the same after killing those children. <span class="dialog-mariel">"Thalor, please... talk to me. We can work through this together."</span> <span class="dialog-thalor">"There's nothing to work through, Mariel. I did what had to be done."</span> But he shut me out completely. Years passed. Decades. We became strangers sharing a house, cold shoulders and empty beds. The loneliness ate at me. <div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>🌑 SOUL CORRUPTION COMPLETE 🌑</h3><p>The darkness has fully taken root, born from decades of pain and neglect.</p></div></div> <center><img src="images/mariel/faceangry.webp" alt="Mariel" width="300"></center> <span class="dialog-mariel">"I... I need some air. This power... it's overwhelming."</span> <span class="dialog-nimeria">"Oh my! You look quite different, Mariel. More... alive somehow!"</span> The corruption whispers that perhaps it's time to stop being the patient wife and start taking what I need. <<addSoulCorruption "mariel" 1>><<soulDisplay "mariel">> [[Continue|AfterSoulstones]] <<statSummary>> <<changeFace $currentMarielFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;"><<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>>'s Room - Late Night</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">A gentle soul transformed...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I knock softly on <<print $marielToHuman>>'s door, hearing her gentle voice call out.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-mariel">"Come in, <<print $humanName>>..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When I enter, I'm struck by how different she looks tonight. There's something... radiant about her. Her skin seems to have a subtle glow, and her golden hair catches the moonlight in an almost ethereal way.</p> </div> <center><img src="images/mariel/nightactivities/2/2.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You look... different tonight. In a good way."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Oh, thank you, dear. I... I tried some makeup tonight. And I painted my nails."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She holds up her hands, showing off elegantly painted nails that seem to shimmer slightly.</p> <span class="dialog-mariel">"The soul transformation... it's made me feel more aware of myself, I suppose."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -5>> <<set _corruptionMod = Math.floor(($rylan_corruption || 0) / 20) * -10>> <<fetishRoll "Rylan" "BreastFetish" "Mariel" 35 0.1 _lustMod _corruptionMod>> <<set _breastSuccess = _fetishSuccess>> <<fetishRoll "Rylan" "SmellFetish" "Mariel" 40 0.1 _lustMod _corruptionMod>> <<set _smellSuccess = _fetishSuccess>> <<changeLust "Rylan" 1>> <<if _breastSuccess>> <<changeFetish "Rylan" "BreastFetish" 0.1>> <<changeLust "Rylan" 1>> <<else>> <<changeFetish "Rylan" "BreastFetish" 0.05>> <</if>> <<if _smellSuccess>> <<changeFetish "Rylan" "SmellFetish" 0.1>> <<changeLust "Rylan" 1>> <<else>> <<changeFetish "Rylan" "SmellFetish" 0.05>> <</if>> <<if _breastSuccess && _smellSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself noticing things I shouldn't - the way her nightgown drapes over her curves, the subtle scent of her perfume mixed with something more... personal. My eyes drift before I catch myself, heat rising in my cheeks.</p> <<elseif _breastSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Something about the way the moonlight plays across her figure makes it hard to look away. I feel guilty for noticing, but there's something different about her tonight that draws my attention.</p> <<elseif _smellSuccess>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's a subtle fragrance about her - not just perfume, but something warmer, more intimate. It makes me feel strangely lightheaded.</p> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The transformation has definitely affected her. She seems more... present somehow, more aware of herself in ways that make me feel oddly nervous.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"The soul changes... they're affecting all of us differently."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I've been thinking about that. About how we're all changing, becoming more... aware of things we didn't notice before."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her voice carries a note of uncertainty.</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/3.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"It's confusing, isn't it?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_MassagedMariel>> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Speaking of changes... would you like another massage? You seemed to enjoy the last one, and with all the stress from today..."</span> <div style="clear: left;"></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I... yes, that would be lovely. The last time was so relaxing, but..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She trails off, seeming conflicted.</p> <span class="dialog-mariel">"Is it... is it appropriate? With everything that's happening to us?"</span> <div style="clear: left;"></div> </div> <<else>> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You seem tense. Would you... would you like a massage? To help you relax?"</span> <div style="clear: left;"></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"A massage? I... that's very thoughtful of you, <<print $humanName>>. But are you sure? It seems so..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She pauses, searching for words.</p> <span class="dialog-mariel">"Intimate?"</span> <div style="clear: left;"></div> </div> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It's just to help you relax. Nothing more."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even as I say it, I feel uncertain. The soul transformations have changed something between us, made everything feel more charged somehow.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I suppose... if it's just to help me sleep better..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She seems to be convincing herself as much as agreeing.</p> <span class="dialog-mariel">"Where would you... I mean, what kind of massage?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <div style="background: rgba(150,100,100,0.2); border: 1px solid rgba(200,150,150,0.3); border-radius: 8px; padding: 15px; margin-bottom: 15px;"> <p style="color: #ffb0b0; font-size: 0.9em; margin: 0; font-style: italic;"><<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>> is waiting for your decision, though she seems conflicted about the appropriateness...</p> </div> <<if $rylan_MassagedMarielBack>> <<link "Massage her back again (more intimate)" "MarielBackMassage2">><</link>> <<else>> <<link "Offer to massage her back" "MarielBackMassage2">><</link>> <</if>> <<if $rylan_MassagedMarielLegs || $rylan_MassagedMarielFeet>> <<link "Massage her legs and feet again (more intimate)" "MarielLegsMassage2">><</link>> <<else>> <<link "Offer to massage her legs and feet" "MarielLegsMassage2">><</link>> <</if>> <<link "Just talk and leave" "MarielJustTalk2">><</link>> </div> <<changeAffection "Rylan" "Mariel" 2>> <<changeAffection "Mariel" "Rylan" 2>> <<changeFace $currentRylanFace>> <<statSummary>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<set $rylan_MarielTemptationChoice2 = "resisted">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Fighting Temptation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Struggling against forbidden desires...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to pull back, to maintain my composure and resist the overwhelming urge to breathe in her scent more deeply.</p> <<set _resistanceRoll = random(1, 100)>> <<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * 5>> <<set _corruptionMod = Math.floor(($rylan_corruption || 0) / 20) * 10>> <<set _feetFetishMod = Math.floor(($rylan_FeetFetish || 0) / 10) * 5>> <<set _smellFetishMod = Math.floor(($rylan_SmellFetish || 0) / 10) * 5>> <<set _resistanceThreshold = 20 + _lustMod + _corruptionMod + _feetFetishMod + _smellFetishMod>> <<if _resistanceRoll <= _resistanceThreshold>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But my willpower crumbles in the face of such overwhelming temptation. Despite my best efforts to resist, I find myself leaning closer, unable to stop myself from breathing in her intoxicating scent.</p> <<set $rylan_SmelledMarielFeet2 = true>> <<set $rylan_MarielResistanceResult2 = "failed">> <<changeFetish "Rylan" "SmellFetish" 0.3>> <<changeFetish "Rylan" "FeetFetish" 0.2>> <<changeLust "Rylan" 5>> <<set _oldCorruptionLevel = $rylan_soulCorruption || 0>> <<addSoulCorruption "rylan" 1>> <<set _newCorruptionLevel = $rylan_soulCorruption || 0>> <<if _newCorruptionLevel > _oldCorruptionLevel>> <<set _latestCorruption = $rylan_soulEffects[$rylan_soulEffects.length - 1]>> <</if>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The warm, musky aroma fills my senses completely, and I realize that my fetishes have grown too strong to resist. The corruption spreads through me as I give in to desires I can no longer control.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I couldn't help myself..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I whisper, ashamed of my lack of control but unable to deny how much I enjoyed it.</p> <div style="clear: left;"></div> </div> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>😈 SOUL CORRUPTION DEEPENS 😈</h3> <<if _latestCorruption>> <p><strong><<print _latestCorruption.name>></strong>: <<print _latestCorruption.effect>></p> <p>Despite your attempts to resist, your desires proved too strong to control.</p> <<else>> <p>Despite your attempts to resist, your desires proved too strong to control.</p> <</if>> </div> </div> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to pull back, my hands trembling with the effort it takes to resist. The temptation is overwhelming, but I force myself to focus on the massage itself rather than the forbidden desires stirring within me.</p> <<set $rylan_MarielResistanceResult2 = "succeeded">> <<changeFetish "Rylan" "SmellFetish" 0.1>> <<changeFetish "Rylan" "FeetFetish" 0.1>> <<changeLust "Rylan" 2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My breathing is heavy from the internal struggle, but I've managed to maintain some semblance of control. Still, the experience has awakened something within me that will be hard to ignore in the future.</p> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_SmelledMarielFeet2>> <center><img src="images/mariel/nightactivities/2/footsmell.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <<else>> <center><img src="images/mariel/nightactivities/2/footmassage5.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel relaxing during massage"></center> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Mmm... <<print $humanName>>..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">she murmurs softly in her half-asleep state, a small smile playing on her lips.</p> <span class="dialog-mariel">"That feels so good... <<if $rylan_SmelledMarielFeet2>>don't stop...<<else>>so relaxing...<</if>>"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_SmelledMarielFeet2>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words send another wave of desire through me, and I realize that this massage has awakened something dark and primal in both of us - something that will be impossible to ignore going forward.</p> <<changeAttraction "Mariel" "Rylan" 3>> <<changeAffection "Mariel" "Rylan" 2>> <<changeLust "Mariel" 4>> <<else>> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her words are innocent, appreciative of the genuine care I'm showing her. Despite the internal struggle, I realize that my restraint is building something deeper between us.</p> <<changeAttraction "Mariel" "Rylan" 2>> <<changeAffection "Mariel" "Rylan" 3>> <<changeLust "Mariel" 2>> <</if>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I gently finish the massage, my hands lingering perhaps longer than they should on her soft skin. As I finally pull away, she opens her eyes slightly, looking at me with an expression that seems to hold new awareness.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <<if $rylan_SmelledMarielFeet2>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"I had the strangest dream... about you being so close to me..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her cheeks flush deeper as she speaks, as if some part of her was aware of what happened.</p> <span class="dialog-mariel">"It felt so... intimate."</span> <<else>> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"That was wonderful... I feel so much better. Thank you for being so gentle and caring."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her smile is warm and trusting, though I can't shake the feeling that she sensed my internal struggle.</p> <</if>> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <<if $rylan_SmelledMarielFeet2>> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Despite your attempts to resist, your desires proved too strong to control...</p></div> <<else>> <div style="background: rgba(100, 150, 100, 0.2); border: 2px solid rgba(150, 200, 150, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #b3e0b3; font-size: 0.9em; margin: 0; font-style: italic;">Your willpower held strong, though the struggle has awakened new awareness of your desires...</p></div> <</if>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<statSummary>> <<if $rylan_SmelledMarielFeet2>> <<soulDisplay "rylan">> <</if>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>> <<set $currentPOV = "Mariel">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Shopping Trip</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Time to update everyone's wardrobe...</p> </div> <center><img src="images/landscapes/clothesshop.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Shopping district"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Finally! Someone needs to take charge of this situation. I've watched these young people run around in torn, dirty, or completely inadequate clothing for far too long. A <<print $marielToHuman>>'s work is never done.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Come along, everyone. We're all going shopping together. No one in this house is running around in rags anymore!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh, that sounds fun! I'd love to help pick out clothes for everyone."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The shopping district is bustling with activity as our whole group makes our way through the various clothing stalls and shops. I know exactly where to go for quality garments at reasonable prices.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Now, let's make this interesting. Liora, you pick out clothes for Nimeria. I'll handle Seryk's wardrobe - someone needs to civilize that man."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh, these white dresses would be perfect for Nimeria!"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora holds up several elegant white garments with genuine enthusiasm.</p> <span class="dialog-liora">"They'd look so beautiful with her complexion, and these boots would complete the look!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You have excellent taste, Liora! I love how thoughtful you are with your choices."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"And some black pantyhose would add such an elegant touch, don't you think?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Now for my more challenging task...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Do I really have to wear all this stuff? These clothes feel so restrictive..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Seryk complains like a child, tugging at a simple shirt I'm trying to get him to try on.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Seryk! You cannot continue running around practically naked with only loincloths! You're a grown man, not a savage!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"But they limit my movement! How am I supposed to fight properly when?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"At the very least, you need proper undergarments. I won't have you... exposed... around the house with young ladies present."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">After considerable arguing and negotiating, I finally manage to get him to purchase a large pack of boxers. It's not much, but it's progress.</p> </div> <center><img src="images/seryk/boxers.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Seryk"></center> <center><img src="images/nimeria/whitedress/4.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Nimeria"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Now Liora, it's your turn for something special!"</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria's eyes sparkle with mischief as she approaches with a shorter, more form-fitting dress.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"What do you mean?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You can't keep dressing like a nun when you have a boyfriend now! He might run away if you don't show him what he's got!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Nimeria! That's... that's so forward!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Trust me, dear. A little cleavage never hurt anyone. You should show off your assets! This pink dress would be perfect!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I watch as Nimeria gently but persistently convinces Liora to try on a shorter pink dress that's much more revealing than her usual conservative choices. The poor girl looks mortified but... there's a hint of curiosity in her eyes.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Well... if it makes you happy, dear..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself saying, though part of me wonders if this is really appropriate.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">By the time we finish shopping, everyone has new outfits, and I feel satisfied that at least some standards have been maintained in this household.</p> </div> <<set $shoppedWithMariel = true>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return Home</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">See Liora's new look.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return home|LioraNewLook]]</div></div></div> <<statSummary>> <<changeFace $currentMarielFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $rylan_MasturbatedToLiora = true>> <<set $rylan_MasturbationChoice = "Liora">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Romantic Fantasy</h2> <p style="color: #ffb3b3; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Lost in dreams of your beloved...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close my eyes and let my mind drift to thoughts of Liora - her gentle smile, her kind eyes, the way she always seems to care so deeply about others. In my fantasy, she's looking at me with love instead of just friendship.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/face.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Liora"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My hand moves as I imagine what it would be like to hold her, to kiss her soft lips, to hear her whisper my name with desire instead of just friendship. She's always been so pure, so innocent - but in my dreams, she wants me as much as I want her.</p> <<changeLust "Rylan" -60>> <<changeAttraction "Rylan" "Liora" 2>> <<trackExperience "Rylan" "Masturbated" 1>> <<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Liora... if only you knew how I feel..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I whisper into the darkness, completely lost in the fantasy of finally confessing my feelings and having them returned.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I imagine her gentle touch, the way she might blush if I told her how beautiful she is, how she might look at me with those sweet eyes filled with love instead of just friendship. The fantasy of our first kiss, our first intimate moment together, drives me to an intense release.</p> </div> <center><img src="images/rylan/masturbate/masturbate.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Rylan Climax"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the waves of pleasure subside, I'm left with a bittersweet feeling - the satisfaction of release mixed with the longing for these dreams to become reality someday.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your romantic feelings for Liora have provided temporary relief...</p></div> <<if $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventMariel">><</link>></div> <<elseif $ntrThreats.includes("Liora")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventLiora">><</link>></div> <<elseif $ntrThreats.includes("Serin")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventSerin">><</link>></div> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventGeneric">><</link>></div> <</if>> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>></div> <</if>> </div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $rylan_MasturbatedToMariel = true>> <<set $rylan_MasturbationChoice = "MarielBack">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Forbidden Maternal Fantasy</h2> <p style="color: #ffb3b3; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Lost in memories of her touch...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close my eyes and let the memory of Mariel's massage consume me. The feeling of her hands on my back, the way she moved so close, the intoxicating scent of her body...</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/backmassage4.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel Back Massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My hand moves without conscious thought as I remember every detail - the warmth of her touch, the way her breathing changed when she leaned over me, the forbidden nature of what we were sharing.</p> <<changeFetish "Rylan" "BreastFetish" 0.2>> <<changeLust "Rylan" -60>> <<changeAttraction "Rylan" "Mariel" 3>> <<trackExperience "Rylan" "Masturbated" 1>> <<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>> <<addSoulCorruption "rylan" 1>> </div> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>😈 SOUL CORRUPTION DEEPENS 😈</h3> <p>Forbidden desires for your maternal figure corrupt your soul, awakening darker lusts.</p> </div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"<<print $marielToHuman>>... your hands felt so good..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I whisper into the darkness, completely lost in the fantasy of her maternal yet sensual touch.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memory of her generous curves pressed against me, the way she seemed to enjoy our intimate moment just as much as I did - it all drives me over the edge with explosive intensity.</p> </div> <center><img src="images/rylan/masturbate/masturbate.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Rylan Climax"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the waves of pleasure subside, I'm left panting and conflicted about these growing feelings for my <<print $humanToMariel>>.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your forbidden desires for Mariel have been temporarily satisfied...</p></div> <<if $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventMariel">><</link>></div> <<elseif $ntrThreats.includes("Liora")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventLiora">><</link>></div> <<elseif $ntrThreats.includes("Serin")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventSerin">><</link>></div> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventGeneric">><</link>></div> <</if>> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>></div> <</if>> </div></div> <<statSummary>> <<soulDisplay "rylan">> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $rylan_MasturbatedToMariel = true>> <<set $rylan_MasturbationChoice = "MarielFeet">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(50, 50, 100, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px; text-align: center;">Forbidden Foot Fantasy</h2> <p style="color: #ffb3b3; font-style: italic; font-size: 1.1em; text-align: center; margin: 0;">Lost in memories of her feet...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I close my eyes and let the memory of massaging Mariel's legs and feet take over completely. The softness of her skin, the way she reacted to my touch, that intoxicating scent...</p> <div style="clear: left;"></div> </div> <center><img src="images/mariel/nightactivities/2/footmassage2.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Mariel Foot Massage"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My hand works frantically as I remember every detail - the delicate curves of her feet, the way she seemed to enjoy my attention, the forbidden thrill of being so intimate with her.</p> <<changeFetish "Rylan" "FeetFetish" 0.2>> <<changeFetish "Rylan" "SmellFetish" 0.1>> <<changeLust "Rylan" -60>> <<changeAttraction "Rylan" "Mariel" 3>> <<trackExperience "Rylan" "Masturbated" 1>> <<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>> <<addSoulCorruption "rylan" 1>> </div> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>😈 SOUL CORRUPTION DEEPENS 😈</h3> <p>Perverted foot fetish desires for your maternal figure darken your soul further.</p> </div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"<<print $marielToHuman>>... your feet were so beautiful..."</span> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I whisper breathlessly, completely consumed by the memory of her reactions and that incredible scent.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The way she seemed to lose herself in the pleasure, how she didn't stop me even when things became clearly sexual - it all culminates in an overwhelming release.</p> </div> <center><img src="images/rylan/masturbate/masturbate.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Rylan Climax"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the intensity fades, I'm left with conflicted feelings about these developing fetishes and my desires for my <<print $humanToMariel>>.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(150, 100, 150, 0.2); border: 2px solid rgba(200, 150, 200, 0.3); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your forbidden foot desires have been temporarily satisfied...</p></div> <<if $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventMariel">><</link>></div> <<elseif $ntrThreats.includes("Liora")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventLiora">><</link>></div> <<elseif $ntrThreats.includes("Serin")>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventSerin">><</link>></div> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "NTREventGeneric">><</link>></div> <</if>> <<else>> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>></div> <</if>> </div></div> <<statSummary>> <<soulDisplay "rylan">> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $rylan_MasturbatedToMariel = true>><<set $rylan_MasturbationChoice = "MarielLegs">><div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(20,20,40,0.95), rgba(10,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"><div class="masturbation-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">Forbidden Foot Fantasy</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Lost in memories of her feet...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 15px 20px;">I close my eyes and let the memory of massaging Mariel's legs and feet take over completely. The softness of her skin, the way she reacted to my touch, that intoxicating scent... <img src="images/mariel/nightactivities/2/footmassage2.webp" alt="Mariel Foot Massage" width="450">My hand works frantically as I remember every detail - the delicate curves of her feet, the way she seemed to enjoy my attention, the forbidden thrill of being so intimate with her.<<changeFetish "Rylan" "FeetFetish" 0.2>><<changeFetish "Rylan" "SmellFetish" 0.1>><<changeLust "Rylan" -60>><<changeAttraction "Rylan" "Mariel" 3>><<trackExperience "Rylan" "Masturbated" 1>><<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>><<addSoulCorruption "rylan" 1>><div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>😈 SOUL CORRUPTION DEEPENS 😈</h3><p>Perverted foot fetish desires for your maternal figure darken your soul further.</p></div></div><span class="dialog-rylan"><<print $marielToHuman>>... your feet were so beautiful..."</span> I whisper breathlessly, completely consumed by the memory of her reactions and that incredible scent.The way she seemed to lose herself in the pleasure, how she didn't stop me even when things became clearly sexual - it all culminates in an overwhelming release. <img src="images/rylan/masturbate/masturbate.webp" alt="Rylan Climax" width="400">As the intensity fades, I'm left with conflicted feelings about these developing fetishes and my desires for my <<print $humanToMariel>>.</div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your forbidden foot desires have been temporarily satisfied...</p></div><<if $ntrThreats.length > 0>><<if $ntrThreats.includes("Mariel")>><<link "Try to sleep" "NTREventMariel">><</link>><<elseif $ntrThreats.includes("Liora")>><<link "Try to sleep" "NTREventLiora">><</link>><<elseif $ntrThreats.includes("Serin")>><<link "Try to sleep" "NTREventSerin">><</link>><<else>><<link "Try to sleep" "NTREventGeneric">><</link>><</if>><<else>><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>><</if>></div></div><<statSummary>><<soulDisplay "rylan">><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $rylan_MasturbatedToSerin = true>><<set $rylan_MasturbationChoice = "SerinSocks">><div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(20,20,40,0.95), rgba(10,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"><div class="masturbation-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">Intoxicating Scent Fantasy</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Lost in memories of her drenched socks...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 15px 20px;">I close my eyes and let the memory of Serin's punishment consume me completely. That incredible, overwhelming scent of her drenched socks, the way it made my head spin with desire... <img src="images/serin/nightactivities/2/drenchedsocksfocus.webp" alt="Serin's Drenched Socks" width="450">My hand moves desperately as I relive every moment - the intensity of her foot odor, the way she seemed to enjoy my reaction, the humiliating yet arousing nature of the punishment.<<changeFetish "Rylan" "SmellFetish" 0.3>><<changeFetish "Rylan" "FeetFetish" 0.2>><<changeLust "Rylan" -60>><<changeAttraction "Rylan" "Serin" 3>><<trackExperience "Rylan" "Masturbated" 1>><<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>><<addSoulCorruption "rylan" 1>><div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>😈 SOUL CORRUPTION DEEPENS 😈</h3><p>Submissive desires and humiliating fetishes take deeper root in your corrupted soul.</p></div></div><span class="dialog-rylan">"Serin... that scent was incredible..."</span> I whisper breathlessly, completely lost in the memory of her powerful, athletic aroma and the way it made me feel so submissive.The way she dominated me with just her scent, how helpless I felt against the intoxicating power of her sweaty socks - it all drives me to an explosive climax. <img src="images/rylan/masturbate/masturbate.webp" alt="Rylan Climax" width="400">As the waves subside, I'm left conflicted about these growing submissive desires and my developing fetishes.</div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your forbidden scent desires have been temporarily satisfied...</p></div><<if $ntrThreats.length > 0>><<if $ntrThreats.includes("Mariel")>><<link "Try to sleep" "NTREventMariel">><</link>><<elseif $ntrThreats.includes("Liora")>><<link "Try to sleep" "NTREventLiora">><</link>><<elseif $ntrThreats.includes("Serin")>><<link "Try to sleep" "NTREventSerin">><</link>><<else>><<link "Try to sleep" "NTREventGeneric">><</link>><</if>><<else>><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>><</if>></div></div><<statSummary>><<soulDisplay "rylan">><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $rylan_MasturbatedToSeryk = true>><<set $rylan_MasturbationChoice = "SerykCock">><div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(20,20,40,0.95), rgba(10,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"><div class="masturbation-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">Forbidden Masculine Fantasy</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Lost in memories of his exposed body...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 15px 20px;">I close my eyes and let the memory of Seryk's training session overwhelm me completely. The sight of his powerful, naked body, that intoxicating masculine scent, the way his member looked so impressive... <img src="images/rylan/nightactivities/2/cockfocus.webp" alt="Seryk's Cock" width="450">My hand works frantically as I relive every forbidden detail - his muscular physique, the scent that made me lose control, the way he didn't seem bothered by my obvious arousal.<<changeFetish "Rylan" "MuscleFetish" 0.2>><<changeFetish "Rylan" "GayValue" 0.5>><<changeLust "Rylan" -60>><<changeAttraction "Rylan" "Seryk" 4>><<set $rylan_masculinity = ($rylan_masculinity || 100) - 1>><<trackExperience "Rylan" "Masturbated" 1>><<set $rylan_masturbatedExperience = ($rylan_masturbatedExperience || 0) + 1>><<addSoulCorruption "rylan" 1>><div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>😈 SOUL CORRUPTION DEEPENS 😈</h3><p>Forbidden homosexual desires and masculinity loss corrupt your soul, awakening new hungers.</p></div></div><span class="dialog-rylan">"Seryk... your body is incredible..."</span> I whisper breathlessly, completely consumed by this new side of my sexuality that I never knew existed.The way he called me 'bro' even in that intimate moment, how understanding he seemed about my reaction - it all culminates in an overwhelming release that leaves me gasping. <img src="images/rylan/masturbate/masturbate.webp" alt="Rylan Climax" width="400">As the intensity fades, I realize I've crossed a line that I can never uncross. These desires for another man feel both terrifying and exhilarating.</div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">Your forbidden masculine desires have awakened something new within you...</p></div><<if $ntrThreats.length > 0>><<if $ntrThreats.includes("Mariel")>><<link "Try to sleep" "NTREventMariel">><</link>><<elseif $ntrThreats.includes("Liora")>><<link "Try to sleep" "NTREventLiora">><</link>><<elseif $ntrThreats.includes("Serin")>><<link "Try to sleep" "NTREventSerin">><</link>><<else>><<link "Try to sleep" "NTREventGeneric">><</link>><</if>><<else>><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>><</if>></div></div><<statSummary>><<soulDisplay "rylan">><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentPOV = "Rylan">><<set $timeOfDay = "morning">><<set $gameDay = 1>><<set $gameMonth = 2>><<fullHealParty>> <center><img src="images/landscapes/kitchen.webp" alt="Kitchen" width="450"></center> I wake up feeling... different. The power from last night's soulstone still thrums through my veins, and I can sense subtle changes in my body. As I get dressed and head downstairs, I find everyone already gathered in the kitchen for breakfast. <img src="images/nimeria/face.webp" alt="Nimeria" width="300"> <span class="dialog-nimeria">"Good morning, everyone! I hope you all slept well after your transformations!"</span> Nimeria beams at us, clearly excited to discuss what happened. <img src="images/mariel/facesmile.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"I've been feeling... strange since last night. More aware somehow."</span> Mariel sets down her tea cup, looking contemplative. <img src="images/serin/face.webp" alt="Serin" width="300"> <span class="dialog-serin">"Yeah, I feel like I could punch through a wall right now. What exactly did those stones do to us?"</span> Serin flexes her arm, testing her newfound strength. <span class="dialog-nimeria">"Oh, how wonderful that you asked! You see, soulstones don't just give random power - they awaken abilities based on what you truly wish for deep in your heart!"</span> <img src="images/liora/faceembarrassed.webp" alt="Liora" width="300"> <span class="dialog-liora">"What we truly wish for?"</span> Liora blushes slightly, probably thinking about what her deepest desires might be. <span class="dialog-nimeria">"Exactly! When I swallowed my soulstone, I gained the power to see everyone's abilities and potential! It's like having a window into your souls!"</span> Nimeria's eyes seem to shimmer as she looks at each of us in turn. <span class="dialog-nimeria">"Let me tell you what I can see..."</span> <span class="dialog-nimeria">"<<print $humanName>>, your power is fascinating - you can transform your body depending on your mental state and desires. The stronger your will, the more dramatic the changes can be!"</span> <span class="dialog-rylan">"Transform my body? How?"</span> <span class="dialog-nimeria">"Think of it as... adaptive enhancement. If you truly desire to be stronger, your muscles will grow. If you wish to be faster, your body will become more agile. It responds to your deepest needs and wants!"</span> <img src="images/serin/face.webp" alt="Serin" width="300"> <span class="dialog-serin">"That's incredible! What about me?"</span> <span class="dialog-nimeria">"You have the same power as <<print $humanName>>! Body transformation through mental focus. Perhaps we can help you unlock its full potential through training?"</span> <span class="dialog-seryk">"And what about me, Nim?"</span> Seryk asks curiously. <img src="images/nimeria/face.webp" alt="Nimeria" width="300"> <span class="dialog-nimeria">"Oh Seryk! Your power is quite unique - you can regenerate mana through your body fluids!"</span> <span class="dialog-rylan">"Wait, seriously?"</span> I can't help but smirk. <span class="dialog-rylan">"So you got the most useless power of all? What are you going to do, drink your own piss from now on?"</span> <img src="images/seryk/facelaugh.webp" alt="Seryk" width="300"> <span class="dialog-seryk">"Hey, bro! Don't knock it until you've tried it!"</span> Seryk laughs good-naturedly. <span class="dialog-seryk">"Though I hope there are other... applications."</span> <img src="images/serin/facelaugh.webp" alt="Serin" width="300"> <span class="dialog-serin">"Oh gods, this is too funny! The mighty demon warrior has to drink his own bodily fluids for power!"</span> <span class="dialog-seryk">"I'll remember that teasing when you need my help in battle, Wildcat."</span> <span class="dialog-nimeria">"And Liora, your power is beautiful - enhanced healing abilities! It seems helping everyone is what you desire most."</span> <img src="images/liora/facesmile.webp" alt="Liora" width="300"> <span class="dialog-liora">"That... that actually makes sense. I've always wanted to protect everyone and ease their pain."</span> <span class="dialog-nimeria">"As for Mariel..."</span> Nimeria pauses, looking puzzled. <span class="dialog-nimeria">"I'm not entirely sure yet. It seems connected to both healing powers and mothering instincts, but there's something deeper there I can't quite read."</span> <img src="images/mariel/faceworried.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"Something deeper? Should I be concerned?"</span> <span class="dialog-nimeria">"Oh no, not at all! Sometimes powers take time to fully manifest. We'll figure it out together!"</span> <span class="dialog-rylan">"Your power to see our abilities is actually really useful for a team."</span> <span class="dialog-nimeria">"Indeed! I suggest we all train together - Seryk and I can help <<print $humanName>> and Serin unlock the full potential of your transformation abilities!"</span> <span class="dialog-seryk">"Sounds like a plan, bro. Just promise me you won't laugh too hard when I have to... recharge."</span> <img src="images/serin/face.webp" alt="Serin" width="300"> <span class="dialog-serin">"No promises there, big guy!"</span> The morning feels full of potential as we discuss our newfound abilities. Whatever challenges lie ahead, we're stronger now - though some of us in more embarrassing ways than others. <span class="dialog-seryk">"You know what, bro? Why don't we start training right now? I could help you and Wildcat figure out your transformation abilities."</span> <img src="images/mariel/faceangry.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"Stop right there!"</span> Mariel's voice cuts through the conversation with sudden determination. <span class="dialog-mariel">"Today there is no training! We are going shopping. No one in this house is running around in rags anymore!"</span> <img src="images/liora/face.webp" alt="Liora" width="300"> <span class="dialog-liora">"Oh, that sounds wonderful! I'd love to help everyone pick out new clothes."</span> <img src="images/nimeria/facesmile.webp" alt="Nimeria" width="300"> <span class="dialog-nimeria">"What a delightful idea! Shopping together will be so much fun!"</span> <span class="dialog-mariel">"Exactly! Look at all of you - Seryk is practically naked in those loincloths, Nimeria needs proper traveling clothes, and everyone could use some new outfits."</span> <img src="images/seryk/faceserious.webp" alt="Seryk" width="300"> <span class="dialog-seryk">"Do I really have to? These loincloths are perfectly functional..."</span> <span class="dialog-mariel">"Yes, you do! We're all going together, and that's final."</span> [[Continue to shopping|MarielShopping]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $mariel_NTREvent1 = true>><<set $mariel_MetSerykAtNight = true>><<if not $wardrobe>><<set $wardrobe = { Mariel: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Liora: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Serin: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Rylan: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Seryk: { underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Nimeria: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" } }>><</if>><div id="ntr-intro-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(20,0,20,0.95), rgba(40,0,40,0.98), rgba(60,0,60,0.95)); z-index: 9999; display: flex; flex-direction: column; justify-content: center; align-items: center; animation: ntrIntroFadeIn 2s ease-in-out forwards;"><div style="text-align: center; opacity: 0; animation: ntrTextReveal 3s ease-in-out 0.5s forwards;"><h1 style="color: #ff6b6b; font-size: 3em; margin: 0; text-shadow: 0 0 20px rgba(255,107,107,0.8), 0 0 40px rgba(255,107,107,0.4); font-family: serif; letter-spacing: 3px;">NTR EVENT</h1><div style="width: 200px; height: 2px; background: linear-gradient(to right, transparent, #ff6b6b, transparent); margin: 20px auto; animation: ntrLineExpand 2s ease-in-out 1s forwards; transform: scaleX(0);"></div><h2 style="color: #ffb3b3; font-size: 2em; margin: 0; text-shadow: 0 0 15px rgba(255,179,179,0.6); font-family: serif; letter-spacing: 2px;">Mariel</h2><p style="color: #ff9999; font-size: 1.2em; margin-top: 30px; font-style: italic; opacity: 0; animation: ntrSubtextFade 2s ease-in-out 2s forwards;">A forbidden attraction begins to bloom...</p></div></div><style>@keyframes ntrIntroFadeIn { 0% { opacity: 0; background: rgba(0,0,0,1); } 100% { opacity: 1; } } @keyframes ntrTextReveal { 0% { opacity: 0; transform: translateY(30px); } 50% { opacity: 1; transform: translateY(0); } 100% { opacity: 1; transform: translateY(0); } } @keyframes ntrLineExpand { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes ntrSubtextFade { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes ntrOverlayFadeOut { 0% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } }</style><script>setTimeout(function() { const overlay = document.getElementById('ntr-intro-overlay'); if (overlay) { overlay.style.animation = 'ntrOverlayFadeOut 1s ease-in-out forwards'; setTimeout(function() { overlay.style.display = 'none'; }, 1000); } }, 4000);</script><div class="ntr-container" style="background: linear-gradient(to bottom, rgba(40,20,40,0.95), rgba(25,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); opacity: 0; animation: mainContentFadeIn 1s ease-in-out 5s forwards;"><style>@keyframes mainContentFadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }</style><div class="ntr-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">Restless Night</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Mariel's perspective...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 15px 20px;">Sleep refuses to come to me tonight. My mind keeps racing with thoughts of everything that happened today - the strange changes I can feel within myself, and...<<if $rylan_MassagedMarielBack2 || $rylan_MassagedMarielLegs2>><<changeLust "Mariel" 5>>...the intimate moments I shared with <<print $humanName>>. The memory of his hands on my body, the way he looked at me, the feelings it stirred within me that I haven't felt in years.<<else>><<changeLust "Mariel" 3>>...this growing restlessness that I can't seem to shake.<</if>><<changeFetish "Mariel" "SmellFetish" 0.1>><span class="dialog-mariel">I need some water...</span> I whisper to myself, slipping out of bed. The house is quiet, everyone else presumably asleep, as I make my way to the kitchen in my nightgown.But as I round the corner, I'm surprised to find I'm not alone. Seryk stands by the window, his muscular silhouette outlined by moonlight streaming through the glass.<<changeLust "Mariel" 8>> <div><img src="images/seryk/standingsoaked.webp" alt="Seryk" width="450"></div> <span class="dialog-seryk">"Oh, Sunflower! Couldn't sleep either?"</span> He turns toward me with that warm smile of his, and I notice a light sheen of perspiration on his blue skin.<span class="dialog-mariel">"I just needed some water. What about you?"</span><span class="dialog-seryk">"Just thinking... and I wanted to thank you properly."</span> He steps closer, and I catch a hint of his masculine scent - warm, musky, intensely male. <img src="images/mariel/faceembarrassed.webp" alt="Mariel" width="300"> <span class="dialog-seryk">"You and your family have been so welcoming to Nimeria and me. After everything we've been through..."</span><<changeLust "Mariel" 6>>There's genuine gratitude in his voice that touches something deep in my heart.<span class="dialog-mariel">"You don't need to thank us. It's what anyone would do."</span> I move to get my water, acutely aware of his presence. <span class="dialog-mariel">"Tell me about your previous life, if you don't mind sharing."</span><span class="dialog-seryk">"For slaves, we were treated... okayish, I suppose. <img src="images/seryk/faceserious.webp" alt="Seryk" width="300"> </span> His expression grows more serious. <span class="dialog-seryk">"But Nimeria had it harder than most. Do you know the term 'the cursed child'?"</span><<changeLust "Mariel" 5>><span class="dialog-mariel">"No, what does it mean?"</span><span class="dialog-seryk">"Demons believe that those born with black hair will bring the end of the world."</span> His voice carries old pain. <span class="dialog-seryk">"And having a succubus mother doesn't help - demons avoid succubi like the plague, never knowing when they might be seduced or manipulated."</span>My heart aches for what that sweet girl must have endured.<<changeAffection "Mariel" "Nimeria" 2>><span class="dialog-seryk">"Don't worry though - she doesn't have any magical powers, so you don't have to worry about her influencing your dreams or anything."</span> He gives me a reassuring smile. <img src="images/seryk/face.webp" alt="Seryk" width="300"> <span class="dialog-seryk">"Her parents never mistreated her, but she never had real friends either. So I'm happy for her now, seeing how welcome you've all made her feel."</span><<changeLust "Mariel" 7>>As he talks, I find myself growing warmer. There's something about his voice, his presence, the way he cares for Nimeria that's incredibly attractive. The heat building in my body is becoming hard to ignore. <img src="images/mariel/pantieswet.webp" alt="Mariel" width="300"><span class="dialog-mariel"> "That's... that's terrible. Though I'm not sure I ever met a demon with black hair during our travels."</span> I pause, a distant memory surfacing. <span class="dialog-mariel">"Actually... there was only one I remember..."</span>The memory hits me suddenly - one of the demon king's children had black hair. One of the children that... that Thalor killed while I was forced to leave the room. A tear escapes before I can stop it. <img src="images/mariel/facecrying.webp" alt="Mariel" width="300"><<changeLust "Mariel" 4>> Before I can react, Seryk's large, warm hand gently wipes the tear from my cheek. <img src="images/seryk/nightactivities/2/ntrmariel/hand.webp" alt="Seryk touching Mariel" width="300"> <<changeLust "Mariel" 8>>His skin is slightly damp with perspiration, and his scent hits me full force - intoxicating, masculine, overwhelming.<<changeFetish "Mariel" "SmellFetish" 0.3>><<changeLust "Mariel" 12>><span class="dialog-seryk">"Beautiful women like you shouldn't cry, Sunflower. Whatever painful memories you carry, they don't define who you are now."</span>His touch lingers for just a moment longer than necessary, and I find myself leaning into it slightly. <img src="images/seryk/nightactivities/2/ntrmariel/hand2.webp" alt="Seryk touching Mariel" width="300"> The scent from his hand, warm and musky from his night training, fills my senses and makes my head spin with unexpected desire.<<changeFetish "Mariel" "MuscleFetish" 0.2>>I notice Seryk's blue skin darkening slightly - is he blushing? His breathing seems heavier too.<<changeLust "Seryk" 5>><<changeAffection "Mariel" "Seryk" 3>><<changeAttraction "Mariel" "Seryk" 4>><<changeAttraction "Seryk" "Mariel" 2>><<setWardrobe "Mariel" "nailPolish" true>><span class="dialog-seryk">"Excuse me... I need to use the bathroom."</span> His voice sounds strained as he quickly excuses himself, leaving me alone in the kitchen.</div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">A spark of forbidden attraction ignites between Mariel and Seryk...</p></div><<link "Continue" "NTREventMariel2">><</link>></div></div><<statSummary>><<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $mariel_NTREvent2 = true>><div class="ntr-container" style="background: linear-gradient(to bottom, rgba(40,20,40,0.95), rgba(25,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"><div class="ntr-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">Forbidden Discovery</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Mariel's awakening continues...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><<changeLust "Mariel" 3>>I press my back against the cool counter, trying to calm the fire building within me. What is happening to me? This intensity of desire... it's been so long since I've felt anything like this. <img src="images/mariel/pantieswet.webp" alt="Mariel" width="300"> As I try to steady my breathing, I become acutely aware of just how aroused I am. My body is responding in ways I haven't felt in years, and when I shift slightly, I can feel how wet I've become.<<changeLust "Mariel" 4>> <span class="dialog-mariel">"Oh god..."</span> I whisper, my hand unconsciously moving to press against my nightgown where the dampness has spread. The fabric clings to my heated skin, and even this light touch sends shivers through me.<<changeLust "Mariel" 3>> <img src="images/seryk/nightactivities/2/ntrmariel/masturbate1.webp" alt="Mariel" width="450"> It must be all this pent-up frustration and loneliness. Every sensation seems heightened, every touch electric. I can't remember the last time I felt this desperate for... for touch.<<changeFetish "Mariel" "SmellFetish" 0.1>>My hand begins to move almost without conscious thought, pressing and rubbing against the growing wetness through my nightgown. The memory of Seryk's scent, his touch on my cheek, fills my mind as I lose myself in the growing pleasure. <img src="images/seryk/nightactivities/2/ntrmariel/masturbate2.webp" alt="Mariel" width="450"><<changeLust "Mariel" 5>> I bite my lip to stifle a moan as my fingers work more urgently against the fabric. The kitchen, the moonlight, the forbidden nature of what I'm doing - it all adds to the intense arousal building within me.But then I hear the bathroom door opening, followed by Seryk's quiet footsteps as he returns to his room. The sound jolts me back to reality, and I quickly pull my hand away, my face burning with shame and embarrassment.<<changeLust "Mariel" 3>><span class="dialog-mariel">"What am I doing?"</span> I whisper to myself, my body still trembling with unfulfilled desire. I wait a few more minutes, trying to compose myself, before deciding I should return to bed as well.But as I pass the bathroom, I realize I need to use it myself. The moment I step inside, I'm hit by an overwhelming wave of thick, masculine scent that makes my knees weak.<<changeLust "Mariel" 8>><<changeFetish "Mariel" "SmellFetish" 0.4>> <span class="dialog-mariel">"Oh my..."</span> I whisper, my body responding immediately to the potent aroma filling the small space. My eyes search for the source and land on the waste bin - there are tissues inside, and the smell is definitely coming from there.The compulsion is immediate and overwhelming. My hand moves without conscious thought, reaching for one of the tissues. I know I shouldn't, know this is wrong, but I can't stop myself.<<changeLust "Mariel" 10>> <img src="images/seryk/nightactivities/2/ntrmariel/snifftissue1.webp" alt="Mariel discovers the tissues" width="450"></div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">The forbidden temptation grows stronger...</p></div><<link "but I can't stop myself." "NTREventMariel3">><</link>></div></div><<statSummary>><<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $mariel_NTREvent3 = true>><div class="ntr-container" style="background: linear-gradient(to bottom, rgba(40,20,40,0.95), rgba(25,10,25,0.98)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"><div class="ntr-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #ff9999; font-size: 1.6em; margin-bottom: 10px;">The Corruption Deepens</h2><p style="color: #ffb3b3; font-style: italic; font-size: 1.1em;">Mariel's forbidden desires consume her...</p></div><div class="scene-content" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; padding: 25px; margin-bottom: 25px;">The moment I bring it closer, the scent intensifies dramatically. It's Seryk's seed, still warm and potent, and the masculine aroma is unlike anything I've ever experienced. My body trembles as forbidden desire courses through me.<<changeFetish "Mariel" "CumAddiction" 1.2>> <img src="images/seryk/nightactivities/2/ntrmariel/snifftissue2.webp" alt="Mariel inhales the scent" width="450"> I inhale deeply, and the effect is immediate and overwhelming. Wave after wave of pleasure crashes over me as my body responds to the primal, masculine scent. This is so wrong, but I can't stop myself.<<changeLust "Mariel" 12>><<changeFetish "Mariel" "SmellFetish" 0.5>> <img src="images/seryk/nightactivities/2/ntrmariel/snifftissue3.webp" alt="Mariel loses control" width="450"> My free hand instinctively moves between my legs as the intoxicating aroma fills my senses completely. <img src="images/seryk/nightactivities/2/ntrmariel/snifftissue5.webp" alt="Mariel" width="450"> I bite my lip to keep from moaning aloud as my body builds toward an inevitable climax from this forbidden act.<<changeLust "Mariel" 15>> <img src="images/seryk/nightactivities/2/ntrmariel/snifftissue6.webp" alt="Mariel climaxes" width="450"> The orgasm hits me like a lightning bolt, my body convulsing with pleasure as I struggled to remain silent. The tissue falls from my trembling hand as waves of ecstasy wash over me, all triggered by the scent of Seryk's essence.<<set $mariel_Lust = 0>><<trackExperience "Mariel" "Orgasms" 1>><<set $mariel_orgasmedToSerykScent = true>><<changeAttraction "Mariel" "Seryk" 5>><<addSoulCorruption "mariel" 1>>As the pleasure slowly subsides, I'm left panting and horrified by what I've just done. But underneath the shame, there's an undeniable craving for more of that intoxicating masculine scent. <img src="images/mariel/facewet.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"What... what the hell is wrong with me?"</span> I whisper to my reflection in the mirror, my face flushed and my breathing still heavy.The shame and arousal war within me as I realize I've just climaxed from the scent of another man's seed - a man who isn't my husband. This overwhelming attraction and need must be from years of suppressed desires finally breaking free, but this... this feels like something deeper, something that was already there waiting to be awakened.I quickly clean up and return to my room, but sleep will be even more elusive now. The memory of Seryk's scent, his touch, his caring words - it all swirls in my mind as I lie in bed, my body still tingling with forbidden arousal.<<changeLust "Mariel" 3>></div><div class="visit-actions" style="text-align: center; margin-top: 30px;"><div style="background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"><p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">The corruption spreads as forbidden desires awaken within Mariel's heart and body...</p></div><<link "Try to sleep" "MorningAfterSoulstones">><<set $ntrThreats = []>><</link>></div></div><<statSummary>><<soulDisplay "mariel">><<changeFace $currentMarielFace>>

<<if not $wardrobe>><<set $wardrobe = { Mariel: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Liora: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Serin: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Rylan: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Seryk: { underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Nimeria: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" } }>><</if>> <<setWardrobe "Mariel" "nailPolish" true>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<if !$nightVisitedTonight>><<set $nightVisitedTonight = []>><</if>><<if $nightActionPoints === undefined>><<set $nightActionPoints = 4>><</if>><<if !$ntrThreats>><<set $ntrThreats = ["Mariel"]>><</if>><div class="night-activities-container" style="background-image: url('images/landscapes/night.webp'); background-size: cover; background-position: center; min-height: 500px; position: relative; border-radius: 10px; overflow: hidden;"><div class="night-overlay" style="background: linear-gradient(to bottom, rgba(25,25,50,0.7), rgba(15,15,30,0.8)); position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="night-content" style="position: relative; z-index: 2; padding: 30px; text-align: center;"><h2 style="color: #e6e6ff; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 20px; font-size: 1.8em;">Night has fallen over the house...</h2><div class="action-points-display" style="background: linear-gradient(145deg, rgba(100,150,200,0.3), rgba(80,120,180,0.4)); border: 2px solid rgba(150,200,255,0.4); border-radius: 12px; padding: 15px; margin: 20px auto; max-width: 300px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"><h3 style="color: #b3d9ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0 0 5px 0; font-size: 1.3em;">Action Points: <<print $nightActionPoints>>/4</h3><p style="color: #99ccff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">Each visit costs 1 action point</p></div><div class="system-explanation" style="background: linear-gradient(145deg, rgba(80,120,160,0.2), rgba(60,100,140,0.3)); border: 1px solid rgba(120,160,200,0.3); border-radius: 8px; padding: 15px; margin: 20px auto; max-width: 500px; backdrop-filter: blur(3px);"><h4 style="color: #c0d0ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0 0 10px 0; font-size: 1.1em;">ℹ️ How Night Activities Work</h4><ul style="color: #a0c0ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.85em; margin: 0; padding-left: 20px; line-height: 1.4;"><li><strong>Visit Characters:</strong> Spend action points to visit characters and build relationships</li><li><strong>Dark Auras:</strong> Red glowing auras indicate NTR threats from Seryk</li><li><strong>Intervention:</strong> Click the shadowy figure to attempt intervention (costs 1 action point)</li><li><strong>Success Chance:</strong> Higher attraction to you = better intervention chances (minimum 20%)</li><li><strong>Strategic Choice:</strong> Visit characters to strengthen bonds or intervene to prevent NTR</li></ul></div><<if $nightActionPoints > 0>><p style="color: #d0d0e6; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 40px; font-size: 1.1em;"><<if $nightVisitedTonight.length === 0>>The soul transformations have left everyone changed. You find yourself restless, unable to sleep. Perhaps you could visit someone...<<else>>You've spent some time visiting tonight, but you still have energy left. Who else might be awake?<</if>></p><<else>><p style="color: #d0d0e6; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 40px; font-size: 1.1em;">You've used all your energy for tonight. Time to get some rest...</p><</if>><div class="character-visit-options" style="display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin: 40px 0;"><<if $nightActionPoints > 0>><div class="visit-option-wrapper" style="text-align: center; position: relative;"><<if $ntrThreats.includes("Mariel")>><div class="ntr-aura" style="position: absolute; top: -10px; left: -10px; right: -10px; bottom: 50px; background: radial-gradient(circle, rgba(139,0,0,0.4) 0%, rgba(75,0,0,0.3) 50%, transparent 70%); border-radius: 20px; z-index: 1; animation: darkPulse 2s ease-in-out infinite alternate;"></div><div class="seryk-chibi" style="position: absolute; top: 5px; right: 5px; z-index: 3; cursor: pointer; transition: transform 0.3s ease;" onclick="event.stopPropagation(); SugarCube.State.variables.nightActionPoints -= 1; var marielSerykAttraction = SugarCube.State.variables.mariel_SerykAttraction || 0; var marielHumanAttraction = SugarCube.State.variables['mariel_' + SugarCube.State.variables.humanName + 'Attraction'] || 0; var attractionDiff = marielSerykAttraction - marielHumanAttraction; var baseChance = 80; var finalChance = Math.max(20, Math.min(100, baseChance - attractionDiff)); var roll = Math.floor(Math.random() * 100) + 1; if (roll <= finalChance) { SugarCube.State.variables.ntrThreats = SugarCube.State.variables.ntrThreats.filter(t => t !== 'Mariel'); SugarCube.Engine.play('NightActivities2'); } else { SugarCube.Engine.play('InterventionFailed'); }"><img src="images/chibi-models/seryk.webp" style="width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(139,0,0,0.8); box-shadow: 0 0 10px rgba(139,0,0,0.6);"></div><</if>><div class="visit-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"><img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div><h3 style="color: #ffe6b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">💖 <<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>></h3><p style="color: #f0f0f0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Perhaps she's processing the changes..."</p></div><<if !$nightVisitedTonight.includes("Mariel")>><<link "Visit her room" "MarielNightVisit2">><<set $nightActionPoints -= 1>><<set $nightVisitedTonight.push("Mariel")>><</link>><<else>><div style="background: linear-gradient(145deg, rgba(100,100,100,0.3), rgba(80,80,80,0.4)); border: 2px solid rgba(150,150,150,0.3); border-radius: 8px; padding: 10px 20px; margin-top: 10px; color: #c0c0c0; font-style: italic;">Already visited tonight</div><</if>></div><</if>><<if !$nightVisitedTonight.includes("Liora") && $nightActionPoints > 0>><div class="visit-option-wrapper" style="text-align: center; position: relative;"><<if $ntrThreats.includes("Liora")>><div class="ntr-aura" style="position: absolute; top: -10px; left: -10px; right: -10px; bottom: 50px; background: radial-gradient(circle, rgba(139,0,0,0.4) 0%, rgba(75,0,0,0.3) 50%, transparent 70%); border-radius: 20px; z-index: 1; animation: darkPulse 2s ease-in-out infinite alternate;"></div><div class="seryk-chibi" style="position: absolute; top: 5px; right: 5px; z-index: 3; cursor: pointer; transition: transform 0.3s ease;" onclick="event.stopPropagation(); SugarCube.State.variables.nightActionPoints -= 1; var lioraSerykAttraction = SugarCube.State.variables.liora_SerykAttraction || 0; var lioraHumanAttraction = SugarCube.State.variables['liora_' + SugarCube.State.variables.humanName + 'Attraction'] || 0; var attractionDiff = lioraSerykAttraction - lioraHumanAttraction; var baseChance = 80; var finalChance = Math.max(20, Math.min(100, baseChance - attractionDiff)); var roll = Math.floor(Math.random() * 100) + 1; if (roll <= finalChance) { SugarCube.State.variables.ntrThreats = SugarCube.State.variables.ntrThreats.filter(t => t !== 'Liora'); SugarCube.Engine.play('NightActivities2'); } else { SugarCube.Engine.play('InterventionFailed'); }"><img src="images/chibi-models/serykback.webp" style="width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(139,0,0,0.8); box-shadow: 0 0 10px rgba(139,0,0,0.6);"></div><</if>><div class="visit-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"><img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div><h3 style="color: #ffe6b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">Liora</h3><p style="color: #f0f0f0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"She might need comfort after today..."</p></div><<link "Visit her room" "LioraNightVisit2">><<set $nightActionPoints -= 1>><<set $nightVisitedTonight.push("Liora")>><</link>></div><</if>><<if !$nightVisitedTonight.includes("Serin") && $nightActionPoints > 0>><div class="visit-option-wrapper" style="text-align: center; position: relative;"><<if $ntrThreats.includes("Serin")>><div class="ntr-aura" style="position: absolute; top: -10px; left: -10px; right: -10px; bottom: 50px; background: radial-gradient(circle, rgba(139,0,0,0.4) 0%, rgba(75,0,0,0.3) 50%, transparent 70%); border-radius: 20px; z-index: 1; animation: darkPulse 2s ease-in-out infinite alternate;"></div><div class="seryk-chibi" style="position: absolute; top: 5px; right: 5px; z-index: 3; cursor: pointer; transition: transform 0.3s ease;" onclick="event.stopPropagation(); SugarCube.State.variables.nightActionPoints -= 1; var serinSerykAttraction = SugarCube.State.variables.serin_SerykAttraction || 0; var serinHumanAttraction = SugarCube.State.variables['serin_' + SugarCube.State.variables.humanName + 'Attraction'] || 0; var attractionDiff = serinSerykAttraction - serinHumanAttraction; var baseChance = 80; var finalChance = Math.max(20, Math.min(100, baseChance - attractionDiff)); var roll = Math.floor(Math.random() * 100) + 1; if (roll <= finalChance) { SugarCube.State.variables.ntrThreats = SugarCube.State.variables.ntrThreats.filter(t => t !== 'Serin'); SugarCube.Engine.play('NightActivities2'); } else { SugarCube.Engine.play('InterventionFailed'); }"><img src="images/chibi-models/serykback.webp" style="width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(139,0,0,0.8); box-shadow: 0 0 10px rgba(139,0,0,0.6);"></div><</if>><div class="visit-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"><img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div><h3 style="color: #ffe6b3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">💖 Serin</h3><p style="color: #f0f0f0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Her corruption might be affecting her..."</p></div><<link "Visit her room" "SerinNightVisit2">><<set $nightActionPoints -= 1>><<set $nightVisitedTonight.push("Serin")>><</link>></div><</if>><<if $nightVisitedTonight.length > 0 && $nightActionPoints > 0>><div class="visited-status" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(100,150,100,0.2), rgba(80,120,80,0.3)); border: 1px solid rgba(150,200,150,0.3); border-radius: 8px; backdrop-filter: blur(3px);"><p style="color: #b0e0b0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've already visited: <<for _i = 0; _i < $nightVisitedTonight.length; _i++>><<if _i > 0 && _i === $nightVisitedTonight.length - 1>> and <</if>><<if _i > 0 && _i < $nightVisitedTonight.length - 1>>, <</if>>$nightVisitedTonight[_i]<</for>> tonight.</p></div><</if>><<if $nightActionPoints === 0>><div class="all-visited" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(150,100,150,0.2), rgba(120,80,120,0.3)); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; backdrop-filter: blur(3px);"><p style="color: #e0b0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've used all your energy for tonight. Time to get some rest...</p></div><</if>><<if $ntrThreats.length > 0 && $nightActionPoints > 0>><div class="ntr-warning" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(139,0,0,0.2), rgba(100,0,0,0.3)); border: 1px solid rgba(200,100,100,0.3); border-radius: 8px; backdrop-filter: blur(3px);"><p style="color: #ffb0b0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">👹 You sense a dark presence near some rooms. Click the shadowy figure to intervene, but it will cost you an action point.</p></div><</if>></div><div style="margin-top: 50px;"><div class="return-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"><div style="background: linear-gradient(145deg, rgba(100,100,150,0.2), rgba(80,80,120,0.3)); border: 2px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 15px 25px; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.3); backdrop-filter: blur(3px);"><h3 style="color: #c0c0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; font-size: 1.1em;">Go to sleep</h3><p style="color: #a0a0c0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 5px 0 0 0; font-style: italic;"><<if $nightActionPoints === 3>>"Perhaps sleep will come eventually..."<<elseif $nightActionPoints === 0>>"It's been a long night..."<<else>>"That's enough visiting for tonight..."<</if>></p></div></div><div style="margin-top: 15px;"><<link "End the night" "SerykNightTraining">><<set $nightVisitedTonight = []>><<set $nightActionPoints = 3>><</link>></div></div></div></div> <style> .visit-option:hover { transform: translateY(-5px) scale(1.05); opacity: 0.9; } .visit-option:hover .character-frame { border-color: rgba(255,255,255,0.5); box-shadow: 0 12px 24px rgba(0,0,0,0.4); } .visit-option:hover img { border-color: rgba(255,255,255,0.6); transform: scale(1.05); } .visit-option:hover h3 { color: #fff2b3; } .return-option:hover { transform: translateY(-3px) scale(1.02); opacity: 0.9; } .visit-option:active, .return-option:active { transform: translateY(-2px) scale(1.01); } .night-content a { color: #e6e6ff; text-decoration: none; background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.1)); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 10px 20px; display: inline-block; margin-top: 10px; transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-weight: bold; font-size: 1.1em; } .night-content a:hover { color: #fff2b3; background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15)); border-color: rgba(255,255,255,0.5); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.4); } .night-content a:active { transform: translateY(0px); box-shadow: 0 2px 6px rgba(0,0,0,0.3); } @keyframes darkPulse { 0% { opacity: 0.6; transform: scale(1); } 100% { opacity: 0.9; transform: scale(1.05); } } .seryk-chibi:hover { transform: scale(1.2); } .seryk-chibi:hover img { box-shadow: 0 0 15px rgba(139,0,0,0.8); } .ntr-aura { pointer-events: none; } .seryk-chibi { pointer-events: all; } </style> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <div class="forest-hunt-container" style="background: linear-gradient(to bottom, rgba(34,139,34,0.4), rgba(0,100,0,0.5)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div class="scene-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/forest.webp" alt="Nimeria" width="400"></center> From behind a cluster of trees steps a figure that makes my breath catch in my throat. A girl, probably around our age, with pale, almost luminous skin and long, silky black hair that cascades down her back like a midnight waterfall. Despite the dirt smudges on her cheeks and the torn, ragged clothing that barely covers her slender frame, there's something ethereally beautiful about her. Her large, expressive eyes survey the scene with a mixture of concern and exasperation. Around her neck, I notice a dull metal collar that seems oddly out of place on someone so graceful. <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">What... who is this? She just appeared out of nowhere and that demon actually stopped. She saved us... but why? And that collar... is she a slave too?</span></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"She is..."</span> Serin breathes, still catching her breath from the fight. <div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"She is..."</span> Liora echoes, her voice filled with wonder. <div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"...an angel."</span> The words slip out before I can stop them, my mind still reeling from the sudden shift from certain death to... whatever this is. <div style="clear: left;"></div> <center><img src="images/liora/facesideeye.webp" alt="Liora angry" width="300"></center> Liora's head snaps toward me, her blue eyes flashing with something I've never seen before - jealousy? Anger? She gives me a sharp side-eye that makes me immediately regret my words. <img src="images/liora/facesideeye.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"an angel?"</span> she mutters under her breath, her healing hands pausing in their work on my wounds. <div style="clear: left;"></div> The demon - who had been poised to deliver what would have been our death blow - immediately straightens up and takes several steps back from us. His entire demeanor shifts from terrifying predator to... embarrassed child? <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"Nimeria! I... uh..."</span> He scratches the back of his head sheepishly. <span class="dialog-seryk">"This isn't what it looks like."</span> <div style="clear: left;"></div> The girl - Nimeria - places her hands on her hips and gives him a look that could melt steel. Despite her small stature and ragged appearance, she radiates an authority that makes even this terrifying demon seem like a scolded puppy. <center><img src="images/nimeria/facescold.webp" alt="Nimeria" width="300"></center> <img src="images/nimeria/facescold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Oh really? Because it looks like you were about to murder three young adventurers."</span> Her voice is melodious but carries a sharp edge of disapproval. <span class="dialog-nimeria">"What have I told you about picking fights, Brother?"</span> <div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"But they attacked me first! I tried to warn them, I really did!"</span> The demon - apparently named Seryk - gestures helplessly at us. <span class="dialog-seryk">"The kid with the sword wouldn't listen!"</span> <div style="clear: left;"></div> <img src="images/nimeria/facescold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"And that gives you the right to nearly kill them?"</span> She steps closer to him, and despite being probably a foot shorter, somehow manages to look down at him disapprovingly. <span class="dialog-nimeria">"Look at them! They're barely more than children!"</span> <div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"I... I was holding back!"</span> <div style="clear: left;"></div> <img src="images/nimeria/facescold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Holding back?"</span> She gestures at my bloodied form and Serin's exhausted state. <span class="dialog-nimeria">"This is you holding back? What would not holding back look like, turning them into paste?"</span> <div style="clear: left;"></div> I watch this exchange with growing amazement. This slip of a girl is lecturing a demon who could probably level a building, and he's taking it like a chastened child. <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"I'm sorry, okay? I got carried away."</span> He turns to us with genuine remorse in his eyes. <span class="dialog-seryk">"I really am sorry, bro. And you too, Little Bird, Wildcat. I didn't want it to go this far."</span> <div style="clear: left;"></div> <img src="images/nimeria/facescold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Apologize properly!"</span> She swats his arm, which probably hurt her hand more than it hurt him. <div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"Right, right."</span> He actually bows slightly to us. <span class="dialog-seryk">"I, Seryk, formally apologize for nearly killing you all. That was... not cool of me."</span><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Better."</span> She turns to us with a much gentler expression. <span class="dialog-nimeria">"I'm Nimeria, and this overgrown muscle-head is my brother Seryk. Please forgive him - he has all the social grace of a brick."</span><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"Hey!"</span><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"A very strong, very dangerous brick,"</span> she continues, ignoring his protest, <span class="dialog-nimeria">"but a brick nonetheless."</span><div style="clear: left;"></div> Despite everything that just happened, I find myself smiling slightly. Their dynamic is... oddly endearing. <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"I'm $humanName,"</span> I manage to say, still leaning heavily on Liora for support. <span class="dialog-rylan">"This is Liora and Serin."</span><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"Hello,"</span> Liora says stiffly, still shooting me occasional glares.<div style="clear: left;"></div> <center><img src="images/liora/faceangry2.webp" alt="Liora angry" width="300"></center> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"Yeah, hi."</span> Serin is eyeing both demons warily, her hand instinctively reaching for daggers that are no longer there.<div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"We're sorry for the trouble. We've been wandering these woods for days now."</span> Her expression grows more serious, and I notice her eyes beginning to glisten with unshed tears. <span class="dialog-nimeria">"We came from a village called Mistfen Reach, but it was attacked by bandits."</span> Her voice wavers slightly, and a single tear rolls down her dirt-smudged cheek. <span class="dialog-nimeria">"We managed to escape into the forest."</span><div style="clear: left;"></div> <center><img src="images/nimeria/facecrying.webp" alt="Nimeria Crying" width="300"></center> As she speaks, I notice the collar around her neck more clearly - it's definitely not decorative. The metal looks old and worn, with strange runes etched into its surface. Seryk has a similar one, though his is much thicker and more robust-looking. <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-rylan">"Those collars..."</span> I start to ask.<div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Slave collars,"</span> she says matter-of-factly, touching hers with a rueful smile. <span class="dialog-nimeria">"Magically enchanted. They prevent us from going against our master's direct orders. Or rather, they did - our master was killed in the bandit attack."</span><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"The collars are still active though,"</span> Seryk adds, his earlier playfulness gone. <span class="dialog-seryk">"We can't remove them ourselves, and they still restrict certain actions. It's... complicated."</span><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-liora">"That's horrible,"</span> Liora breathes, her anger at me momentarily forgotten in the face of their plight. <span class="dialog-liora">"Though... slavery of demons has been legal since the war ended, hasn't it?"</span><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Yes, it is legal in most kingdoms now,"</span> Nimeria's smile turns bitter. <span class="dialog-nimeria">"The victors write the laws, after all. But we're free now, in a way. Just... lost."</span><div style="clear: left;"></div> The forest around us seems to grow quieter as the weight of their story settles over our group. Here we were, thinking we were on some grand adventure, and we've stumbled across two escaped slaves fleeing for their lives. <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Escaped slaves... not the evil monsters from the stories. They're just people trying to survive. And here I thought he was a barbarian who killed his owner. And I attacked them for what? A bounty that might not even exist? What kind of person does that make me?</span></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-serin">"So what now?"</span> Serin asks, finally speaking up. <span class="dialog-serin">"We can't exactly go back to fighting after... all this."</span><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-seryk">"I really am sorry about that, Wildcat. You fight well - I respect that."</span><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <span class="dialog-nimeria">"Perhaps we could help each other?"</span> Nimeria suggests hopefully. <span class="dialog-nimeria">"You're adventurers, right? You must know these lands better than we do."</span><div style="clear: left;"></div> I look at my companions - Liora still tending to my wounds with gentle but slightly cool efficiency, Serin retrieving her scattered daggers while keeping a wary eye on Seryk. The smart thing would be to part ways here. These two are clearly dangerous, and we barely survived our first encounter. But something about Nimeria's hopeful expression, and the genuine remorse in Seryk's eyes, makes me hesitate. <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">She saved our lives after I tried to kill him. Maybe... maybe this is my chance to do something right for once. To help instead of hurt.</span></div> <<if not $rylan_NimeriaAffection>><<set $rylan_NimeriaAffection = 0>><</if>><<if not $rylan_NimeriaAttraction>><<set $rylan_NimeriaAttraction = 0>><</if>><<if not $rylan_SerykAffection>><<set $rylan_SerykAffection = 0>><</if>><<if not $liora_NimeriaAffection>><<set $liora_NimeriaAffection = 0>><</if>><<if not $liora_SerykAffection>><<set $liora_SerykAffection = 0>><</if>><<if not $serin_NimeriaAffection>><<set $serin_NimeriaAffection = 0>><</if>><<if not $serin_SerykAffection>><<set $serin_SerykAffection = 0>><</if>><<if not $nimeria_RylanAffection>><<set $nimeria_RylanAffection = 0>><</if>><<if not $nimeria_LioraAffection>><<set $nimeria_LioraAffection = 0>><</if>><<if not $nimeria_SerinAffection>><<set $nimeria_SerinAffection = 0>><</if>><<if not $seryk_RylanAffection>><<set $seryk_RylanAffection = 0>><</if>><<if not $seryk_LioraAffection>><<set $seryk_LioraAffection = 0>><</if>><<if not $seryk_SerinAffection>><<set $seryk_SerinAffection = 0>><</if>><<set $rylan_NimeriaAttraction += 23>><<trackAttraction "rylan" "Nimeria" 23>><<set $rylan_NimeriaAffection += 30>><<trackAffection "rylan" "Nimeria" 30>><<set $rylan_SerykAffection += 15>><<trackAffection "rylan" "Seryk" 15>><<set $liora_NimeriaAffection += 20>><<trackAffection "Liora" "Nimeria" 20>><<set $liora_SerykAffection += 10>><<trackAffection "Liora" "Seryk" 10>><<set $serin_NimeriaAffection += 25>><<trackAffection "Serin" "Nimeria" 25>><<set $serin_SerykAffection += 20>><<trackAffection "Serin" "Seryk" 20>><<set $nimeria_RylanAffection += 35>><<trackAffection "Nimeria" "rylan" 35>><<set $nimeria_LioraAffection += 25>><<trackAffection "Nimeria" "Liora" 25>><<set $nimeria_SerinAffection += 30>><<trackAffection "Nimeria" "Serin" 30>><<set $seryk_RylanAffection += 20>><<trackAffection "Seryk" "rylan" 20>><<set $seryk_LioraAffection += 15>><<trackAffection "Seryk" "Liora" 15>><<set $seryk_SerinAffection += 25>><<trackAffection "Seryk" "Serin" 25>><<set $liora_RylanAffection -= 1>><<trackAffection "Liora" "rylan" -1>><<set $metNimeria = true>><<set $metSeryk = true>><<run DiarySystem.unlockCharacter("Nimeria")>><<run DiarySystem.unlockCharacter("Seryk")>><<statSummary>> </div><div style="text-align: center; margin-top: 30px;"> [[Suggest they come with us|InviteDemons]] </div></div><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set $currentPOV = "Mariel">> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>><<set $currentPOV = "Rylan">> <<if not $mariel_combatStats>> <<set $mariel_combatStats = { maxHealth: 205, currentHealth: 205, maxStamina: 90, currentStamina: 90, physicalPower: 28, agility: 27, willpower: 21, technique: 29, perception: 20, focus: 21, vitality: 29 }>> <</if>> <img src="images/mariel/faceworried.webp" alt="Nimeria" width="300"> I watch as three of the people I care about most transform before my eyes. <<print $humanName>>, Serin, and Liora all seem stronger, more confident, more... powerful. But something about this soul magic makes me deeply uneasy. <img src="images/rylan/facesmile.webp" alt="Nimeria" width="300"> <span class="dialog-rylan">"<<print $marielToHuman>>, you should try one too. The power is incredible."</span> <img src="images/serin/facesmile.webp" alt="Nimeria" width="300"> <span class="dialog-serin">"Come on, Mariel. Don't you want to be stronger? To be able to protect everyone better?"</span> <img src="images/liora/facesmile.webp" alt="Nimeria" width="300"> <span class="dialog-liora">"It really does feel amazing. I can sense my healing abilities have grown so much stronger."</span> Even Seryk, who was cautious before, seems to be reconsidering. <span class="dialog-seryk">"I mean... if it's working for everyone else..."</span> <span class="dialog-mariel">"I... I don't know. This kind of magic feels dangerous. As an ex-priestess, I've learned to be wary of power that comes too easily."</span> <span class="dialog-nimeria">"Oh, but Mariel! Think of all the good you could do with enhanced abilities! Your wisdom, your experience, combined with this power - you could help so many people!"</span> <span class="dialog-rylan">"Please, <<print $marielToHuman>>. We're stronger together. If we all have this power, we can face anything."</span> The pleading in <<print $humanName>>'s voice breaks my heart. How can I refuse when he looks at me like that? When they all believe this is the right choice? <span class="dialog-mariel">"Alright... if you all think it's safe..."</span> My voice wavers with uncertainty as I reach for one of the remaining stones. <span class="dialog-nimeria">"Wonderful! You won't regret this!"</span> I hold the stone, feeling its strange energy pulsing against my palm. Taking a deep breath, I place it in my mouth and swallow it, following the others' example. The transformation is immediate and overwhelming. Power surges through my body, making me feel decades younger, stronger than I've been since my adventuring days. My magical abilities feel enhanced, my body more resilient. <img src="images/nimeria/face.webp" alt="Nimeria" width="300"> <span class="dialog-nimeria">"Perfect! Now, think of a happy memory from your past - perhaps when you and your party defeated the demon king? That must have been such a triumphant moment!"</span> I close my eyes, trying to focus on that victory, but the stone's energy seems to pull at different memories. The journey to defeat the demon king... yes, but not the triumph. Something else. The faces of my fallen comrades flash before my eyes. Lyanna, the young mage who died protecting a village from demon spawn. Marcus, the brave knight who sacrificed himself to buy us time. Elena, the archer who fell to the demon king's lieutenant just days before our final battle. So many friends lost along the way. So many good people who never got to see the victory they died for. The guilt I've carried all these years - why did I survive when they didn't? Why was I allowed to live, to love, to have a family, when they were cut down in their prime? The stone feeds on these dark emotions, on the survivor's guilt that has haunted me for over two decades. The energy shifts, becoming cold and bitter, resonating with the pain I've tried so hard to bury. <div class="soul-corruption-showcase"><div class="corruption-aura"></div><div class="corruption-shadows"></div><div class="corruption-text"><h3>🌑 SOUL CORRUPTION AWAKENED 🌑</h3><p>Dark power courses through your soul, born from guilt and loss.</p></div></div> <center><img src="images/mariel/faceworried.webp" alt="Nimeria" width="300"></center> The corruption settles into my bones, whispering dark thoughts. Maybe I don't deserve the peaceful life I've had. Maybe I should have done more, fought harder, saved them somehow. The guilt transforms into something else - a hunger for power that could have prevented those losses. <span class="dialog-mariel">"I... I feel different."</span> I open my eyes, trying to hide the darkness I can feel growing within me. <span class="dialog-mariel">"Stronger, yes, but also... troubled."</span> <span class="dialog-nimeria">"Oh my! Sometimes the stones bring up difficult memories. But don't worry - there's more to explore!"</span> More memories are stirring, each one darker than the last. The stone isn't finished with me yet. <<set $mariel_combatStats.maxHealth += 25>><<set $mariel_combatStats.maxStamina += 25>><<set $mariel_combatStats.physicalPower += 2>><<set $mariel_combatStats.agility += 2>><<set $mariel_combatStats.technique += 2>><<set $mariel_combatStats.willpower += 2>><<set $mariel_intelligence += 2>><<set $mariel_perception += 2>><<addSoulCorruption "mariel" 1>><<soulDisplay "mariel">> [[Continue|MarielMemory2]] <<statSummary>> <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<if not $rylan_Lust>><<set $rylan_Lust = 0>><</if>><<if not $rylan_VoyeurismFetish>><<set $rylan_VoyeurismFetish = 0>><</if>><<if not $rylan_NimeriaAttraction>><<set $rylan_NimeriaAttraction = 0>><</if>><<if not $seryk_SalivaFetish>><<set $seryk_SalivaFetish = 0>><</if>><<if not $seryk_Lust>><<set $seryk_Lust = 0>><</if>><<if not $seryk_NimeriaAffection>><<set $seryk_NimeriaAffection = 0>><</if>><<if not $nimeria_SerykAffection>><<set $nimeria_SerykAffection = 0>><</if>><<if not $liora_VoyeurismFetish>><<set $liora_VoyeurismFetish = 0>><</if>><<if not $serin_VoyeurismFetish>><<set $serin_VoyeurismFetish = 0>><</if>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My heart pounds as I rush toward the lake, branches whipping past my face. The sound of splashing water grows louder, and I can hear Nimeria's voice calling out. What if she's in danger? What if?</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I burst through the treeline and freeze.</p> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/lakebath2.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Nimeria"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Nimeria is standing waist-deep in the crystal-clear lake, completely naked. Water droplets cascade down her pale skin, catching the afternoon sunlight like tiny diamonds. Her long hair clings to her shoulders and back, and she's looking directly at me with those mesmerizing eyes.</p> <div style="clear: left;"></div> </div> <<set _baseRoll = random(1, 100)>><<set _baseThreshold = 35>><<set _rylanVoyMod = Math.floor($rylan_VoyeurismFetish / 10) * -5>><<set _rylanLustMod = Math.floor($rylan_Lust / 20) * -5>><<set _rylanCorruptionMod = Math.floor($rylan_corruption / 20) * -10>><<set _rylanFinalThreshold = _baseThreshold + _rylanVoyMod + _rylanLustMod + _rylanCorruptionMod>> <<if _baseRoll <= _rylanFinalThreshold>><<set $rylan_VoyeurismFetish += 0.5>><<trackFetish "rylan" "VoyeurismFetish" 0.5>>I know I should look away, but I can't. The sight of her naked form is mesmerizing, and I find myself drinking in every detail of her exposed body.<<set $rylan_Lust += 15>><<trackLust "rylan" 15>><<set $rylan_NimeriaAttraction += 4>><<trackAttraction "rylan" "Nimeria" 4>><<else>><<set $rylan_Lust += 10>><<trackLust "rylan" 10>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh! <<print $humanName>>!"</span> she calls out, not seeming particularly embarrassed. <span class="dialog-nimeria">"I just slipped on some rocks and fell in. The water's actually quite nice!"</span> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/lakebath.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Nimeria"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I stand there, mouth agape, unable to form words. Why am I still staring? I should turn around, give her privacy, but my feet seem rooted to the spot.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Are you just going to stand there gawking?"</span> she asks with a playful smile, tilting her head. <span class="dialog-nimeria">"I mean, I don't mind the attention, but..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I, I'm sorry!"</span> I finally stammer, my face burning red. <span class="dialog-rylan">"I heard you calling and thought you were in trouble!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Aww, my hero came to rescue me!"</span> She giggles and sticks her tongue out at me. <span class="dialog-nimeria">"But you're still staring, you pervert!"</span> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/facetongue.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Nimeria"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The word hits me like a slap, and I quickly spin around, covering my eyes with my hands.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Sorry! Sorry! I'll just... I'll head back!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"It's okay, <<print $humanName>>. I'll be out in a minute. Thanks for checking on me!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I stumble back through the forest, my heart still racing and my mind replaying what I just saw. When I reach the others, Seryk takes one look at my flushed face and grins.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I guess you were pranked by Nim too?"</span> he says with a knowing chuckle. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceconfused.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Pranked?"</span> I ask, confused. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"She has a habit of... testing people. Don't worry about it, bro."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">A few minutes later, Nimeria returns, fully dressed and looking completely innocent. She walks up to Seryk with that bright smile of hers.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Seryk! I have something for you!"</span> She pulls out one of the black marbles and the small vial, now filled with a clear liquid. <span class="dialog-nimeria">"This should help you feel stronger!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"What is it?"</span> Seryk asks, eyeing the vial suspiciously. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Just drink it! Trust me!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You're not trying to poison me, are you Nim?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Of course not! We're family!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">With a shrug, Seryk downs the entire contents in one gulp. Almost immediately, his eyes widen and he flexes his arms experimentally.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Whoa... I do feel more powerful. But that tasted absolutely disgusting! What did you make me drink?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, just some lakewater..."</span> She pauses for dramatic effect. <span class="dialog-nimeria">"...and I spit in it."</span> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/facesmile.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Nimeria"></center> <<set _serykRoll = random(1, 100)>><<set _serykSalivaThreshold = 40>><<set _serykSalivaMod = Math.floor($seryk_SalivaFetish / 10) * -5>><<set _serykLustMod = Math.floor($seryk_Lust / 20) * -5>><<set _serykFinalThreshold = _serykSalivaThreshold + _serykSalivaMod + _serykLustMod>> <<if _serykRoll <= _serykFinalThreshold>><<set $seryk_SalivaFetish += 0.2>><<trackFetish "Seryk" "SalivaFetish" 0.2>>Despite his disgust, there's something about knowing it was Nimeria's saliva that sends an unexpected thrill through him.<<set $seryk_Lust += 3>><<trackLust "Seryk" 3>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"WHAT?!"</span> Seryk's face goes through several expressions - shock, disgust, then something else entirely. <span class="dialog-seryk">"Nim, what the hell?!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"It's fine! We're blood related!"</span> she says cheerfully, as if that explains everything. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"That makes it even WORSE, Nim!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The entire group bursts into laughter at Seryk's horrified expression. Even Liora can't help but giggle behind her hand.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"She got you good, Seryk!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I can't believe you actually drank it!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"But you do feel stronger, right?"</span> Nimeria asks innocently. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Yeah, actually... but that doesn't make it okay!"</span> <div style="clear: left;"></div> </div> <<set $seryk_combatStats.physicalPower += 2>><<trackCombatStat "Seryk" "physicalPower" 2>><<set $seryk_combatStats.agility += 2>><<trackCombatStat "Seryk" "agility" 2>><<set $seryk_combatStats.technique += 2>><<trackCombatStat "Seryk" "technique" 2>><<set $seryk_combatStats.willpower += 2>><<trackCombatStat "Seryk" "willpower" 2>><<set $seryk_intelligence += 2>><<trackCombatStat "Seryk" "intelligence" 2>><<set $seryk_perception += 2>><<trackCombatStat "Seryk" "perception" 2>><<set $seryk_combatStats.maxHealth += 2>><<trackCombatStat "Seryk" "maxHealth" 2>><<set $seryk_combatStats.maxStamina += 2>><<trackCombatStat "Seryk" "maxStamina" 2>><<set $seryk_Lust += 50>><<trackLust "Seryk" 50>><<set $seryk_NimeriaAffection -= 2>><<trackAffection "Seryk" "Nimeria" -2>><<set $nimeria_SerykAffection += 3>><<trackAffection "Nimeria" "Seryk" 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The walk back home is filled with more laughter and teasing at Seryk's expense. As we approach the house, I notice that Seryk is sweating quite a bit, small beads of perspiration dotting his forehead.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You alright?"</span> I ask him. <span class="dialog-rylan">"The fight must have been pretty exhausting for you too."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Yeah, you three put up quite a fight,"</span> he says, wiping his brow. <span class="dialog-seryk">"Plus whatever Nim gave me seems to be making me feel... energized. Maybe too energized."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"That's normal! It means it's working!"</span> Nimeria chirps from behind us. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I'm never trusting your 'potions' again, Nim."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"We'll see about that!"</span> <div style="clear: left;"></div> </div> <<if random(1, 100) <= 30>><<set _voyeurRoll = random(1, 100)>><<if _voyeurRoll <= 35>><<set $liora_VoyeurismFetish += 0.1>><<trackFetish "Liora" "VoyeurismFetish" 0.1>>Liora finds herself stealing glances at the way Seryk's shirt clings to his sweating form.<<set $liora_Lust += 2>><<trackLust "Liora" 2>><</if>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we reach the front door, I can't help but think about everything that's happened today. Meeting these two mysterious demons, the strange potions, and that moment at the lake... My life has definitely become more interesting.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return Home</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head back home after the eventful day.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|HomeAfterDemons]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/landscapes/rylanroom.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Rylan's Room"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I slip away from the kitchen, making an excuse about needing to grab something from my room. The tension in my body is becoming impossible to ignore, watching Serin's athletic form, the way her training gear clung to her sweaty body, the scent of her after her workout...</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'll just... be right back. Need to grab my gear."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Don't take forever, slowpoke. We've got guild business to handle."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"We'll wait for you..."</span> Her soft voice makes my heart race even more. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Once I'm safely in my room with the door closed, I lean against it and take a deep breath. The images from this morning keep flashing through my mind, Serin's muscles flexing as she moved, the way her clothes shifted when she stretched, that intense post-training scent...</p> <div style="clear: left;"></div> </div> <<set _muscleThoughts = random(1, 100)>><<set _muscleThreshold = 30>><<if _muscleThoughts <= _muscleThreshold>><<set $rylan_MuscleFetish += 0.2>><<trackFetish "Rylan" "MuscleFetish" 0.2>>The memory of her athletic build fills my thoughts. There's something incredibly appealing about her physical strength.<</if>> <<set _smellThoughts = random(1, 100)>><<set _smellThreshold = 25>><<if _smellThoughts <= _smellThreshold>><<set $rylan_SmellFetish += 0.2>><<trackFetish "Rylan" "SmellFetish" 0.2>>I can still smell her training scent in my mind earthy, real, intense. It's more arousing than it should be.<</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My breathing becomes heavier as I think about both Serin and Liora. Serin's confident teasing, her athletic body... and Liora's shy blushes, the way she looked at me with those bright blue eyes...</p> <div style="clear: left;"></div> </div> <<set _voyeurThoughts = random(1, 100)>><<set _voyeurThreshold = 40>><<if _voyeurThoughts <= _voyeurThreshold>><<set $rylan_VoyeurismFetish += 0.1>><<trackFetish "Rylan" "VoyeurismFetish" 0.1>>The thrill of watching them, catching those unguarded moments... there's something exciting about seeing what they don't mean to show.<</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I move to my bed, my hand already working to relieve the tension. The thoughts come faster now, Serin's confident grin when she caught me staring, Liora's innocent blush when our hands touched, the way Mariel's tired but caring smile made me feel protected...</p> <div style="clear: left;"></div> </div> <<set _submissionThoughts = random(1, 100)>><<set _submissionThreshold = 35>><<if _submissionThoughts <= _submissionThreshold>><<set $rylan_SubmissionFetish += 0.1>><<trackFetish "Rylan" "SubmissionFetish" 0.1>>Something about their different forms of attention, Serin's teasing dominance, Liora's gentle care, makes me want to please them both.<</if>> <center><img src="images/rylan/masturbate/climax.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Rylan Masturbating"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The release comes quickly, my mind filled with images of my party members. As the tension finally leaves my body, I feel both satisfied and slightly guilty. We're supposed to be a professional adventuring party now, and here I am...</p> <div style="clear: left;"></div> </div> <<set $rylan_Lust = 0>><<trackLust "Rylan" -$rylan_Lust>><<set $rylan_masturbationCount += 1>><<trackExperience "Rylan" "masturbation" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I clean up quickly and take a moment to compose myself. The others are waiting, and we have guild business to handle. I can't let them know what just happened.</p> <div style="clear: left;"></div> </div> <<set _discoveryRoll = random(1, 100)>><<if _discoveryRoll <= 15>><<set $rylan_SerinAffection += 1>><<trackAffection "Rylan" "Serin" 1>><<set $serin_VoyeurismFetish += 0.1>><<trackFetish "Serin" "VoyeurismFetish" 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"$humanName? You okay in there? You sound... breathless."</span> Serin's voice comes through the door, making my heart skip. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Y-yeah! Just... couldn't find my gear for a second."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Uh-huh. Sure you weren't doing something else in there?"</span> There's a knowing smirk in her voice that makes me blush. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I don't know what you mean!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Right. Well, hurry up, lover boy. We've got places to be."</span> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I wait a moment to make sure my breathing is normal, then gather my courage to face the others.</p> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">When I emerge from my room, I feel much more composed and ready to focus on our guild business.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Alright, I'm ready. Let's go see Elena."</span> <div style="clear: left;"></div> </div> <<if _discoveryRoll <= 15>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Feeling better now?"</span> Serin asks with a grin that suggests she knows exactly what I was doing. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Is everything okay, $humanName?"</span> Liora asks innocently, clearly not understanding Serin's implication. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Everything's fine. Let's just... go."</span> <div style="clear: left;"></div> </div> <</if>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Head to the Adventurer's Guild</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue with guild business.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|GuildMorning]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $rylan_MasturbatedTonight = true>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 37, 34, 0.95), rgba(121, 121, 121, 0.9), rgba(255, 255, 255, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I enter my room, my body is burning with need. The events of tonight have left me in a state I've never experienced before - my arousal is so intense it's almost painful, and I know I won't be able to sleep without finding some relief.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I can't... I need to..."</span> I whisper to myself, my hands trembling as I lock the door behind me. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The memories of tonight flood through my mind, each one sending waves of heat through my body. I know what I need to do, even though part of me feels ashamed of these desires.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <h3 style="color: #ff99ff; text-align: center; margin-bottom: 15px;">What fantasy will you lose yourself to?</h3> <p style="color: #ffb3ff; text-align: center; font-style: italic; margin-bottom: 20px;">Choose what memory drives your desire...</p> <div style="display: flex; flex-direction: column; gap: 10px;"> <<link "Fantasize about Liora" "MasturbateLiora">><</link>> <<if $rylan_MassagedMarielBack2>><<link "Fantasize about Mariel's back massage" "MasturbateMarielBack">><</link>><</if>> <<if $rylan_MassagedMarielLegs2>><<link "Fantasize about Mariel's leg massage" "MasturbateMarielLegs">><</link>><</if>> <<if $rylan_SmelledSerinSocks && $serinChapter2ArmpitSeen>><<link "Fantasize about Serin's drenched socks" "MasturbateSerinSocks">><</link>><</if>> <<if $rylan_TrainedWithSeryk>><<link "Fantasize about Seryk's exposed body" "MasturbateSerykCock">><</link>><</if>> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(255, 5, 5, 0.95), rgba(247, 92, 92, 0.9), rgba(255, 229, 229, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I knock on Serin's door and hear her energetic voice call out.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Come in! I was wondering when you'd show up."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find her doing some light stretches in her training gear, her athletic form highlighted by the moonlight streaming through her window.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/fightingstance.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin Training"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Hey Serin. I was thinking... want to test our new strength? See how the soul transformations affected our abilities?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her eyes light up with competitive fire.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, you're on! But let's make it interesting..."</span> She grins mischievously. <span class="dialog-serin">"Loser gets a punishment. Deal?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Deal. What kind of punishment?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"We'll figure that out when someone loses. Come on!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We engage in a quick sparring match, testing our enhanced abilities. Despite the soul transformations, Serin's natural athleticism and experience give her the edge. After a few minutes, I find myself pinned.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Ha! Victory is mine!"</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/__flexing.webp" style="width: 400px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin After Sparring"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She releases me and stretches, wiping sweat from her forehead.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"God, did I sweat during that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Yeah, I can smell you even from here..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin pauses mid-stretch, a wicked grin spreading across her face.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh really? If I smell so bad, then your punishment should be... smelling one of my socks!"</span> She moves over to her bed and sits down, her white knee-high socks still on as she looks at me with that mischievous expression. <span class="dialog-serin">"Come on, loser. Time to pay up."</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/nightactivities/2/1.webp" style="width: 500px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="Serin on her bed"></center> <<quickFetishRoll "Rylan" "FeetFetish" "Serin" 0.2>><<set _feetSuccess = _fetishSuccess>><<quickFetishRoll "Rylan" "SmellFetish" "Serin" 0.2>><<set _smellSuccess = _fetishSuccess>><<changeLust "Rylan" 2>> <<if _feetSuccess && _smellSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I can't look away from your feet... and that scent..."</span> My eyes drift down to her white socks, and I find myself breathing a little deeper despite myself. <div style="clear: left;"></div> </div> <<elseif _feetSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... your feet look so... I mean, I can't just back down from a bet..."</span> I swallow hard, my gaze lingering on her sock-covered feet longer than it should. <div style="clear: left;"></div> </div> <<elseif _smellSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"That smell... it's not as bad as I thought it would be..."</span> I take another breath, surprised by how the musky scent seems to draw me in rather than repel me. <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"This is crazy, Serin!"</span> I shake my head, trying to ignore the strange flutter in my stomach as I look at her expectant expression. <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin is waiting for your response to her punishment...</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 20px 0;"> <<link "Reluctantly agree" "SerinSockPunishment">><</link>> <<link "Run away" "SerinRunAway">><</link>> </div> <<changeAffection "Rylan" "Serin" 2>><<changeAffection "Serin" "Rylan" 2>> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script> <<set $rylan_SerinAffection -= 3>> <<set $serin_RylanAffection -= 3>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(35, 35, 60, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Running Away</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Sometimes discretion is the better part of valor...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"You know what? This is too weird for me. I'm out of here!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I quickly head for the door, but Serin's voice stops me cold.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Oh, so you're a sore loser AND a coward? Real mature, <<print $humanName>>!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can hear the genuine annoyance in her voice. She's not just teasing anymore - she's actually upset.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"A bet is a bet! I can't believe you're just running away like this!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Come on, Serin, that's just... too much."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Too much? It's just a stupid sock! God, I thought you had more backbone than this."</span> She crosses her arms, clearly disappointed. <span class="dialog-serin">"Fine, run away then. But don't expect me to go easy on you next time we spar."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can see I've genuinely hurt her feelings. What seemed like harmless teasing to her was apparently a real test of whether I'd honor our agreement.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Just... just go, okay? I thought you were cooler than this."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I leave her room feeling like I've made a mistake. The disappointment in her voice echoes in my mind as I head back to the hallway.</p> </div> <div style="margin: 20px 0; background: rgba(150,100,100,0.2); border: 1px solid rgba(200,150,150,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #ffb0b0; font-size: 0.9em; margin: 0; font-style: italic;">Serin is clearly disappointed in your decision to break the agreement.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to the hallway</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head back to continue your night.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<trackAffection "Rylan" "Serin" -3>> <<trackAffection "Serin" "Rylan" -3>> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('serinpunishment.mp3');<</script>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(35, 35, 60, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Serin's Punishment</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">A bet is a bet...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Fine... a bet is a bet."</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/nightactivities/2/2.webp" alt="Serin sweaty and glistening" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Serin's grin widens as she stretches languidly on her bed, her athletic body glistening with a sheen of sweat from our sparring match. The moonlight catches every curve, every drop of moisture on her tanned skin. Her leather outfit clings to her like a second skin, accentuating her toned abs and the gentle rise and fall of her chest as she catches her breath.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Mmm, I'm absolutely drenched..."</span> she purrs, running a hand through her damp red hair. <span class="dialog-serin">"You can probably smell me from there, can't you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She's right. Even from across the room, I can detect the intoxicating mix of leather, exertion, and something uniquely Serin - a musky, feminine scent that makes my pulse quicken.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Good boy. Now come here..."</span> She slowly begins peeling down one of her white knee-high socks, the fabric clinging to her damp skin. <span class="dialog-serin">"Time for your punishment."</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/nightactivities/2/drenchedsocksfocus.webp" alt="Serin's sweaty feet" width="400"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the sock comes off, the scent in the room intensifies dramatically. Her bare foot is flushed and glistening, small beads of moisture visible on her skin. The sock itself is visibly damp, and I can see the outline where her foot had been pressed against the fabric.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Look at that... completely soaked through."</span> She holds up the sock, examining it with obvious satisfaction. <span class="dialog-serin">"All that training, all that sweat... and now you get to experience every bit of it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She dangles the damp sock between us, and the aroma hits me like a wave - intense, personal, overwhelming. It's not unpleasant, but it's undeniably intimate, like breathing in the very essence of her exertion.</p> </div> <<set $rylan_SmelledSerinSocks = true>> <<changeFetish "Rylan" "SmellFetish" 0.3>> <<changeFetish "Rylan" "FeetFetish" 0.2>> <<changeLust "Rylan" 4>> <<set _smellSuccess = true>> <<set _feetSuccess = true>> <<set _oldCorruptionLevel = $rylan_soulCorruption || 0>> <<addSoulCorruption "rylan" 1>> <<set _newCorruptionLevel = $rylan_soulCorruption || 0>> <<if _newCorruptionLevel > _oldCorruptionLevel>> <<set _latestCorruption = $rylan_soulEffects[$rylan_soulEffects.length - 1]>> <</if>> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>🌑 SOUL CORRUPTION DEEPENS 🌑</h3> <<if _latestCorruption>> <p><strong><<print _latestCorruption.name>></strong>: <<print _latestCorruption.effect>></p> <p>The humiliating experience has awakened this darker desire within you.</p> <<else>> <p>The humiliating experience leaves a mark on your soul, awakening darker desires.</p> <</if>> </div> </div> <<soulDisplay "rylan">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Come closer, <<print $humanName>>. Don't make me wait."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I approach hesitantly, my heart pounding. The closer I get, the stronger the scent becomes - a heady mixture that seems to cloud my thoughts.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"That's it... now, I want you to smell it. Really smell it. For at least ten full seconds."</span> Her voice is playful but commanding. <span class="dialog-serin">"No backing out now."</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/nightactivities/2/socksmell.webp" alt="Rylan reluctantly approaching" width="600"></center> <<if _smellSuccess && _feetSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself drawn in despite my embarrassment, my body reacting to both the intense aroma and the sight of her glistening foot in ways I don't fully understand. My eyes can't help but focus on her bare skin while breathing in her personal scent. There's something almost hypnotic about it - the way the moonlight plays across her damp skin, the way her toes curl slightly as she watches my reaction.</p> </div> <<elseif _smellSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I find myself leaning closer than I intended, my body reacting to the intense aroma in ways I don't fully understand. The scent seems to wrap around me, making my head feel light and my pulse race.</p> </div> <<elseif _feetSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My eyes can't help but focus on her bare foot, still glistening slightly with perspiration, and I realize I'm staring longer than I should. The elegant curve of her arch, the way her skin seems to glow in the dim light...</p> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to keep my distance, but the bet forces me to get closer. Still, there's something about this situation that's affecting me more than I expected. My hands are trembling slightly, and I can feel heat rising in my cheeks.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"This is... really intense, Serin."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Ten full seconds, remember? I'm counting!"</span> She watches with obvious amusement and something else - a predatory satisfaction as I reluctantly lean in closer to her sock. <div style="clear: left;"></div> </div> <center><img src="images/serin/nightactivities/2/socksmell2.webp" alt="Rylan forced to smell the sock" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The smell is overwhelming when I'm this close - not entirely unpleasant, but definitely strong and very... personal. I can feel my face heating up as I realize I'm actually doing this, breathing in the intimate scent of her exertion. The fabric is still warm and slightly damp against my face.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"That's it... breathe it in. All of it."</span> Her voice has taken on a sultry quality that makes my stomach flutter. <span class="dialog-serin">"You're doing so well, <<print $humanName>>. Most guys would have run away by now."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The seconds stretch on, each breath filling my lungs with her scent. I can feel something changing inside me - a strange mix of embarrassment and arousal that I don't quite understand.</p> </div> <center><img src="images/serin/nightactivities/2/socksmell3.webp" alt="Rylan overwhelmed by the experience" width="600"></center> <<if _smellSuccess && _feetSuccess>> <<changeAttraction "Rylan" "Serin" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Something about this situation is affecting me more than it should. The combination of her teasing dominance, the intimate scent, and the sight of her bare foot is stirring unexpected feelings. I find myself breathing deeper than necessary, my eyes fluttering closed as the aroma seems to seep into my very being. When I open them again, I catch her watching me with an expression of satisfied amusement.</p> </div> <<elseif _smellSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The scent is intoxicating in a way I never expected. Each breath seems to make my head spin a little more, and I realize I'm actually starting to... enjoy this? The thought is both thrilling and terrifying.</p> </div> <<elseif _feetSuccess>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't stop staring at her foot, the way the light catches the moisture on her skin, the elegant curve of her toes. There's something mesmerizing about it that I can't quite explain.</p> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Even though I'm trying to resist, I can feel my resolve weakening. There's something about her confidence, her playful dominance, that's affecting me in ways I didn't expect.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Time!"</span> She pulls the sock back with a satisfied grin, clearly enjoying my flustered state. <span class="dialog-serin">"See? That wasn't so bad, was it?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">She begins pulling the sock back on, the damp fabric clinging to her skin as she does.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"You're such a good sport, <<print $humanName>>. I have to admit, I wasn't sure you'd actually go through with it."</span> <div style="clear: left;"></div> </div> <<if $rylan_Lust >= 15>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I... yeah. That was definitely... something."</span> I try to hide how the experience affected me, but I can feel the heat in my cheeks and the way my breathing has changed. <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"That was embarrassing, but I guess I deserved it for losing."</span> Despite my words, I can't shake the strange feelings the experience stirred up. <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Don't worry, your secret's safe with me."</span> She winks playfully, but there's something knowing in her expression. <span class="dialog-serin">"But next time, maybe you'll train harder before challenging me!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As she finishes putting her sock back on, I catch myself stealing one last glance at her feet, and I realize that something has definitely changed. The memory of her scent, the feeling of being so close to her in such an intimate way... it's going to stay with me.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Sweet dreams, <<print $humanName>>."</span> Her voice carries a hint of mischief that suggests she knows exactly what kind of dreams I'll be having. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">The unusual punishment has left you with mixed feelings about Serin... and yourself.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return to the hallway</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head back to continue your night.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the hallway|NightActivities2]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script> <<set $rylan_SerykNightTraining1 = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(15, 15, 30, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Night Training Session</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Building strength under the moonlight...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <img src="images/seryk/face.webp" alt="Seryk" width="450"> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I'm about to head to my room, I hear a familiar voice behind me.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Hey bro, can't sleep either?"</span> Seryk emerges from the shadows, his muscular form illuminated by the moonlight streaming through the windows. <span class="dialog-seryk">"How about some night training? I could use a sparring partner."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Training? This late?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Best time for it. No distractions, just pure focus."</span> His blue skin glistens slightly with perspiration, as if he's already been working out. <span class="dialog-seryk">"What do you say? Want to test your strength against a demon?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">There's something intense in his gaze, almost predatory, though his smile remains friendly enough.</p> </div> <div class="gay-content-warning" style="background: linear-gradient(145deg, rgba(200,100,100,0.3), rgba(150,80,80,0.4)); border: 2px solid rgba(255,150,150,0.5); border-radius: 12px; padding: 20px; margin: 25px 0; text-align: center;"> <h3 style="color: #ffb3b3; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0 0 15px 0; font-size: 1.3em;">⚠️ Content Warning ⚠️</h3> <p style="color: #ffd0d0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1.0em; margin: 0 0 15px 0; line-height: 1.4;">Training with Seryk may lead to intimate situations between male characters. This scene contains potential gay content.</p> <p style="color: #ffe0e0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 0; font-style: italic;">Only proceed if you're comfortable with this type of content.</p></div> <div class="choice-container" style="background: rgba(50,25,50,0.3); border: 1px solid rgba(150,100,150,0.5); border-radius: 8px; padding: 20px; margin: 20px 0;"> <h3 style="color: #e6b3ff; text-align: center; margin-bottom: 15px;">Training Invitation</h3> <p style="color: #d9b3d9; text-align: center; font-style: italic; margin-bottom: 20px;">Seryk's offer hangs in the air. What do you decide?</p> <div style="display: flex; gap: 15px; justify-content: center;"> <div style="flex: 1; max-width: 200px;">[[Accept the training|SerykTrainingAccept]]</div> <div style="flex: 1; max-width: 200px;">[[Politely decline|SerykTrainingDecline]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script> <<set $rylan_SerykTrainingChoice1 = "accepted">> <<set $rylan_TrainedWithSeryk = true>> <<set $allowGayContent = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(15, 15, 30, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Training with Seryk</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Testing your limits...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Alright, let's do this. I could use the practice."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"That's the spirit, bro!"</span> Seryk grins widely, his eyes gleaming with approval. <span class="dialog-seryk">"Let's head outside where we have more room."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We move to the backyard, where the moonlight provides just enough illumination for training. I strip off my shirt to avoid overheating.</p> </div> <img src="images/seryk/standing.webp" alt="Seryk" width="450"> <<changeCombatStat "Rylan" "PhysicalPower" 0.1>> <<changeLust "Rylan" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Just some light sparring, nothing too intense. Ready?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We begin with basic combat drills, but I quickly realize how outmatched I am. Seryk's strength is incredible, and within minutes, both of us are working up a serious sweat.</p> </div> <<changeLust "Seryk" 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we continue, I notice something strange happening to me. The more I'm around Seryk's sweating form, the hotter I'm getting - not just from exertion, but something else entirely. His scent fills the air, musky and masculine, and it's affecting me in ways I don't understand.</p> </div> <img src="images/seryk/standingsoaked.webp" alt="Seryk" width="450"> <<quickFetishRoll "Rylan" "MuscleFetish" "Seryk" 0.2>> <<if _fetishSuccess>> <<changeLust "Rylan" 4>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">His powerful physique is mesmerizing. Every time he moves, his muscles ripple and flex, and I find myself staring longer than I should. There's something intoxicating about his raw physical power.</p> </div> <<else>> <<changeLust "Rylan" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to focus on the training, but something about being this close to him is stirring unfamiliar feelings.</p> </div> <</if>> <<quickFetishRoll "Rylan" "SmellFetish" "Seryk" 0.2>> <<if _fetishSuccess>> <<changeLust "Rylan" 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">His scent is getting stronger, more intense. It's filling my head, making it harder to concentrate on anything but the warm, masculine aroma emanating from his skin.</p> </div> <<else>> <<changeLust "Rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The air is thick with the scent of our exertion, creating an oddly intimate atmosphere.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"You're doing great, bro. Really pushing yourself."</span> His voice sounds slightly breathier than usual, and there's a flush to his blue skin that wasn't there before. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">During a particularly intense grappling exercise, I lose my balance and tumble backward, instinctively grabbing for support. My hand catches the edge of Seryk's loincloth, and as I fall, the fabric comes with me.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Time seems to slow as I hit the ground and look up, only to see Seryk standing above me, completely exposed. His impressive member hangs before my eyes, and I'm stunned into complete stillness.</p> </div> <<changeLust "Rylan" 6>> <<changeLust "Seryk" 4>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <img src="images/rylan/nightactivities/2/seedemoncock.webp" alt="Rylan" width="450"> <span class="dialog-seryk">"Oh... uh..."</span> Seryk doesn't immediately move to cover himself, his own breathing heavy from the training. <span class="dialog-seryk">"Sorry bro, that wasn't supposed to happen."</span> <div style="clear: left;"></div> </div> <<if ($rylan_GayValue || 0) >= 10>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't look away. Something about seeing him like this is awakening feelings I've never experienced before.</p> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I should look away, get up immediately, but something keeps me frozen in place.</p> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The scent is even stronger from this position, warm and intoxicating, making my head spin with unfamiliar desires.</p> </div> <<changeLust "Rylan" 4>> <div class="choice-container" style="background: rgba(50,25,50,0.3); border: 1px solid rgba(150,100,150,0.5); border-radius: 8px; padding: 20px; margin: 20px 0;"> <h3 style="color: #e6b3ff; text-align: center; margin-bottom: 15px;">A Moment of Temptation</h3> <p style="color: #d9b3d9; text-align: center; font-style: italic; margin-bottom: 20px;">His scent is overwhelming from this angle... What do you do?</p> <div style="display: flex; gap: 15px; justify-content: center;"> <div style="flex: 1; max-width: 200px;">[[Give in and inhale deeply|SerykTrainingInhale]]</div> <div style="flex: 1; max-width: 200px;">[[Try to get up quickly|SerykTrainingResist]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script> <<set $rylan_SerykTrainingChoice1 = "declined">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(15, 15, 30, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Declining the Invitation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Perhaps another time...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Thanks for the offer, but I think I need to get some rest. It's been a long day."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"No worries, bro. I understand."</span> Seryk nods with understanding, though there's a hint of disappointment in his eyes. <span class="dialog-seryk">"Training isn't for everyone, especially this late."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Maybe another time when I'm more prepared."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Sure thing. Sleep well, and don't hesitate to ask if you change your mind about training together."</span> He gives me a friendly pat on the shoulder before heading back toward his room. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I watch him leave, I can't help but notice the powerful way he moves, even in the dim light. There was something intense about his invitation that I can't quite shake.</p> </div> <<changeLust "Rylan" 1>> <<changeAffection "Rylan" "Seryk" 1>> <div style="margin: 20px 0; background: rgba(100,150,100,0.2); border: 1px solid rgba(150,200,150,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #b3e0b3; font-size: 0.9em; margin: 0; font-style: italic;">You avoided the intense training session, keeping things simple for tonight...</p> </div> <<if ($rylan_Lust || 0) >= 50>> [[Go to your room|RylanNightMasturbation]] <<elseif $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> [[Go to your room and sleep|NTREventMariel]] <<elseif $ntrThreats.includes("Liora")>> [[Go to your room and sleep|NTREventLiora]] <<elseif $ntrThreats.includes("Serin")>> [[Go to your room and sleep|NTREventSerin]] <<else>> [[Go to your room and sleep|NTREventGeneric]] <</if>> <<else>> [[Go to your room and sleep|MorningAfterSoulstones]] <<set $ntrThreats = []>> <</if>> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script> <<set $rylan_SerykTrainingTemptation1 = "gaveIn">> <<set $rylan_InhaledSerykScent = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(15, 15, 30, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Surrendering to Temptation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Crossing forbidden boundaries...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Unable to resist the overwhelming temptation, I lean closer and breathe in deeply. The intoxicating masculine scent fills my lungs completely, sending waves of forbidden pleasure through my entire body.</p> </div> <<changeFetish "Rylan" "SmellFetish" 0.4>> <<changeFetish "Rylan" "MuscleFetish" 0.3>> <<changeFetish "Rylan" "GayValue" 0.3>> <<changeLust "Rylan" 8>> <<changeLust "Seryk" 6>> <<addSoulCorruption "rylan" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The warm, musky aroma is unlike anything I've ever experienced. It's raw, powerful, and completely masculine, awakening desires I never knew existed within me. My pulse races as I lose myself in his scent.</p> </div> <img src="images/rylan/nightactivities/2/seedemoncock2.webp" alt="Seryk" width="450"> <div class="soul-corruption-showcase"> <div class="corruption-aura"></div> <div class="corruption-shadows"></div> <div class="corruption-text"> <h3>🌑 SOUL CORRUPTION DEEPENS 🌑</h3> <p>Surrendering to forbidden same-sex desires marks your soul with dark corruption.</p> </div></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Bro... are you...?"</span> Seryk's voice is husky, breathless. I can see his body responding to my proximity, his member stirring as he realizes what I'm doing. <span class="dialog-seryk">"I didn't expect... but if you want to..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The air between us is charged with sexual tension as I remain in this compromising position, breathing in his essence. This training session has become something far more intimate than either of us anticipated.</p> </div> <<changeAttraction "Rylan" "Seryk" 4>> <<changeAttraction "Seryk" "Rylan" 3>> <<changeAffection "Rylan" "Seryk" 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I... I don't know what's happening to me..."</span> My voice comes out as barely a whisper, my face flushed with a mixture of embarrassment and arousal I've never felt before. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The corruption spreads through me as I cross this forbidden line, awakening a new side of my sexuality that will be impossible to ignore going forward.</p> </div> <div style="margin: 20px 0; background: rgba(150,100,150,0.2); border: 1px solid rgba(200,150,200,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #e0b0e0; font-size: 0.9em; margin: 0; font-style: italic;">You've awakened to new desires, forever changing your relationship with Seryk...</p> </div> <<if ($rylan_Lust || 0) >= 50>> [[Return to your room|RylanNightMasturbation]] <<elseif $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> [[Return to your room|NTREventMariel]] <<elseif $ntrThreats.includes("Liora")>> [[Return to your room|NTREventLiora]] <<elseif $ntrThreats.includes("Serin")>> [[Return to your room|NTREventSerin]] <<else>> [[Return to your room|NTREventGeneric]] <</if>> <<else>> [[Return to your room|MorningAfterSoulstones]] <<set $ntrThreats = []>> <</if>> <<statSummary>> <<soulDisplay "rylan">> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script> <<set $rylan_SerykTrainingTemptation1 = "resisted">> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 50, 0.95), rgba(15, 15, 30, 0.9), rgba(25, 25, 50, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <h2 style="color: #e6e6ff; font-size: 1.6em; margin-bottom: 10px;">Resisting Temptation</h2> <p style="color: #b3b3d9; font-style: italic; font-size: 1.1em;">Maintaining your boundaries...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I force myself to step back, my heart pounding with the effort of resisting such an overwhelming temptation. The masculine scent still lingers in my nostrils, but I maintain my composure.</p> </div> <<changeFetish "Rylan" "SmellFetish" 0.1>> <<changeFetish "Rylan" "MuscleFetish" 0.1>> <<changeLust "Rylan" 3>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I... I can't do this, Seryk. It's not right."</span> My voice is shaky but determined, as I try to regain control of my racing thoughts and pounding heart. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The temptation was almost overwhelming, but I managed to resist. Still, the experience has left me shaken and confused about these new feelings stirring within me.</p> </div> <img src="images/rylan/nightactivities/2/seedemoncock2.webp" alt="Seryk" width="450"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"I understand, bro. I respect that you're sticking to your principles."</span> Seryk nods, though I can see the disappointment in his eyes. <span class="dialog-seryk">"Maybe we should call it a night. This training session got a bit... intense."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We both know this training session has changed something between us, even if we don't act on it. The tension lingers in the air as we try to return to some semblance of normalcy.</p> </div> <<changeAttraction "Rylan" "Seryk" 1>> <<changeAttraction "Seryk" "Rylan" 1>> <div style="margin: 20px 0; background: rgba(100,150,100,0.2); border: 1px solid rgba(150,200,150,0.3); border-radius: 8px; padding: 15px; margin-bottom: 20px;"> <p style="color: #b0e0b0; font-size: 0.9em; margin: 0; font-style: italic;">You've maintained your boundaries, but the temptation has left its mark...</p> </div> <<if ($rylan_Lust || 0) >= 50>> [[Return to your room|RylanNightMasturbation]] <<elseif $ntrThreats.length > 0>> <<if $ntrThreats.includes("Mariel")>> [[Return to your room|NTREventMariel]] <<elseif $ntrThreats.includes("Liora")>> [[Return to your room|NTREventLiora]] <<elseif $ntrThreats.includes("Serin")>> [[Return to your room|NTREventSerin]] <<else>> [[Return to your room|NTREventGeneric]] <</if>> <<else>> [[Return to your room|MorningAfterSoulstones]] <<set $ntrThreats = []>> <</if>> <<statSummary>> <<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('/battle/normal.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/enemies/blackslimes.webp" alt="BlackSlimes" width="600"></center> <<set $combatContext = "chapter1BlackSlimeQuest">><<set $currentEnemies = ["blackslime0", "blackslime1", "blackslime2"]>><<set $blackslime0_combatStats = { maxHealth: 20, currentHealth: 20, maxStamina: 40, currentStamina: 40, physicalPower: 6, agility: 5, willpower: 4, technique: 3, perception: 5 }>><<set $blackslime1_combatStats = { maxHealth: 20, currentHealth: 20, maxStamina: 40, currentStamina: 40, physicalPower: 6, agility: 5, willpower: 4, technique: 3, perception: 5 }>><<set $blackslime2_combatStats = { maxHealth: 20, currentHealth: 20, maxStamina: 40, currentStamina: 40, physicalPower: 6, agility: 5, willpower: 4, technique: 3, perception: 5 }>><<if !$rylan_combatStats>><<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, maxFocus: 50, currentFocus: 50, physicalPower: 10, agility: 8, willpower: 6, technique: 7, perception: 6 }>><</if>><<set $rylan_combatStats.currentHealth = $rylan_combatStats.maxHealth>><<set $rylan_combatStats.currentStamina = $rylan_combatStats.maxStamina>><<if !$serin_combatStats>><<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 120, currentStamina: 120, maxFocus: 60, currentFocus: 60, physicalPower: 11, agility: 12, willpower: 7, technique: 9, perception: 8 }>><</if>><<set $serin_combatStats.currentHealth = $serin_combatStats.maxHealth>><<set $serin_combatStats.currentStamina = $serin_combatStats.maxStamina>><<if !$liora_combatStats>> <<set $liora_combatStats = { maxHealth: 80, currentHealth: 80, maxStamina: 80, currentStamina: 80, maxFocus: 100, currentFocus: 100, physicalPower: 7, agility: 7, willpower: 12, technique: 8, perception: 9 }>><</if>><<set $liora_combatStats.currentHealth = $liora_combatStats.maxHealth>><<set $liora_combatStats.currentStamina = $liora_combatStats.maxStamina>><<set $combatInitialized = false>><<set $battleDrops = [{ name: "BlackSlime Core", quantity: 3 }]>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Alright everyone, remember what we practiced!"</span> Serin calls out as she draws her weapon. <span class="dialog-serin">"<<print $humanName>>, you take point. Liora, stay back and keep us healed! These BlackSlimes are tougher than normal ones!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Right! Time to put our resonance to the test."</span> I can feel the warmth of our connection flowing through me, giving me confidence. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I've got healing magic ready!"</span> Liora raises her hands, a soft golden glow beginning to emanate from her palms as she prepares her healing arts. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The three BlackSlimes spread out, their dark, nearly opaque bodies pulsing with an ominous inner light. They seem more aggressive than regular slimes, and I can see their cores glowing with a darker energy within their hardened forms.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Begin Battle</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Combat Begins</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The BlackSlime battle starts.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin the battle!|Combat]]</div></div></div> </div></div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>><<set $blackSlimesDefeated = ($blackSlimesDefeated || 0) + 3>> <<script>> if (window.QuestSystem && window.QuestSystem.updateQuest) { window.QuestSystem.updateQuest("blackSlimeHunt", "blackSlimeKills", 3); }<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.95), rgba(50, 205, 50, 0.9), rgba(34, 139, 34, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/landscapes/forestofbeginning.webp" alt="Forest" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The last BlackSlime dissolves into a puddle of dark goo, but instead of the usual translucent cores, three completely opaque black marbles roll across the forest floor. Unlike normal black marbles that are see-through, these are solid black, absorbing light like tiny voids.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Not bad for our first real party combat!"</span> Serin wipes her blade clean with a satisfied grin. <span class="dialog-serin">"That resonance thing actually worked. I could feel both of your strengths flowing through me."</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">"Both of your strengths" - probably just Liora's healing power. Serin's already E-rank while I barely passed F-rank... on my second try.</span></div> <<set _resonanceRoll = random(1, 100)>><<set _resonanceThreshold = 40>><<if _resonanceRoll <= _resonanceThreshold>><<set $rylan_SerinAffection += 1>><<trackAffection "Rylan" "Serin" 1>><<set $serin_RylanAffection += 1>><<trackAffection "Serin" "Rylan" 1>>Fighting together like this, feeling our bonds manifest as actual power... it's brought us closer despite the tension.<</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"These marbles are strange..."</span> <div style="clear: left;"></div> </div> <center><img src="images/items/blackmarbles.webp" alt="Black Marbles" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Liora carefully collects the black marbles, examining them closely.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/face.webp" alt="Liora curious" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"They're not worth much - maybe a few silver for a bag. Children like to play with them, but these ones feel... different."</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">The famous healer prodigy versus the coward who ran from his first exam. No contest there.</span></div> <<set _lioraRoll = random(1, 100)>><<set _lioraThreshold = 35>><<if _lioraRoll <= _lioraThreshold>><<set $rylan_LioraAffection += 1>><<trackAffection "Rylan" "Liora" 1>><<set $liora_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 1>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"That's it? Black marbles?"</span> I kick at the ground in frustration. <span class="dialog-rylan">"This fight was way too easy. I'll never make a name for myself just killing slimes! There has to be something more challenging deeper in the forest."</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">$humanToThalor defeated the Crimson Wyvern at my age. $humanToMariel was leading expeditions. And I'm excited about three slimes. "Poor kid, nothing like his $bothToHuman."</span></div> <<set _combatRoll = random(1, 100)>><<set _combatThreshold = 30>><<if _combatRoll <= _combatThreshold>><<set $rylan_combatStats.physicalPower += 0.1>><<trackCombatStat "Rylan" "physicalPower" 0.1>><<set $rylan_combatStats.technique += 0.1>><<trackCombatStat "Rylan" "technique" 0.1>>The adrenaline of combat has improved my fighting abilities slightly, but it's not enough.<</if>> <<set _serinCombatRoll = random(1, 100)>><<if _serinCombatRoll <= 30>><<set $serin_combatStats.agility += 0.1>><<trackCombatStat "Serin" "agility" 0.1>><<set $serin_combatStats.technique += 0.1>><<trackCombatStat "Serin" "technique" 0.1>><</if>> <<set _lioraCombatRoll = random(1, 100)>><<if _lioraCombatRoll <= 30>><<set $liora_combatStats.willpower += 0.1>><<trackCombatStat "Liora" "willpower" 0.1>><<set $liora_combatStats.technique += 0.1>><<trackCombatStat "Liora" "technique" 0.1>><</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"$humanName, we should head back. Elena will want to hear about-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"No! I'm going deeper into the forest. There has to be something worthwhile in there."</span> I start walking toward the darker, denser part of the woods. <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">I can't go back like this. Not with just some worthless black marbles and stories about killing basic slimes. Everyone in town already thinks I'm a joke. "Did you hear? $humanName finally passed his exam... on the second try." The whispers, the pitying looks, the comparisons. I need something that will make them forget about my failures. Something that will prove I'm not just the weak guy living in the shadow of legends.</span></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"$humanName, wait! That area isn't part of the exam grounds..."</span> She hurries after me, clutching the black marbles. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Damn it, you stubborn idiot!"</span> Serin reluctantly follows, her hand resting on her weapon. <span class="dialog-serin">"Fine, but if we get in trouble, I'm blaming you!"</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">"Stubborn idiot." Even Serin thinks I'm a burden. Nobody believes in me anymore.</span></div> <center><img src="images/serin/faceangry.webp" alt="Serin" width="300"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As we venture deeper into the forest, the trees grow thicker and the light dimmer. The familiar training grounds fade behind us, replaced by wild, untamed woodland. After about ten minutes of walking, we spot a figure moving through the trees ahead.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Wait... is that...?"</span> Liora squints, then her eyes widen. <span class="dialog-liora">"That's a demon! But... I don't sense any mana from him. He must be a lesser demon."</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">A lesser demon with no mana... basically just a strong human. Look at those tattered rags around a slave collar - he killed his owner to escape. The bounty on his head must be huge. This could be my chance.</span></div> <center><img src="images/seryk/back.webp" alt="Seryk" width="600"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The figure comes into clearer view - a tall man with blue-tinted skin, wearing nothing but tattered rags around his waist. His muscular frame moves with surprising grace through the underbrush, seemingly unaware of our presence.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Perfect! That's exactly what we need!"</span> My eyes light up with excitement. <span class="dialog-rylan">"A real demon! Let's ambush him!"</span> <div style="clear: left;"></div> </div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">If I can defeat him, nobody will call me weak anymore. The bounty alone could set us up for months. $humanToThalor might finally look at me with pride. The demon slayer - not the coward, not the disappointment.</span></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Before either of my companions can stop me, I charge forward, sword raised high, screaming at the top of my lungs.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"You idiot! Who screams while ambushing?!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The blue-skinned demon turns calmly at the sound, and to my shock, he catches my sword strike with his bare hands, the blade stopping mere inches from his chest. His grip is like iron, and he doesn't even seem strained by the effort.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/blockingblade.webp" alt="Seryk" width="300"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">He caught my blade with his bare hands... Still the same pathetic failure. I'm exactly the disappointment everyone says I am.</span></div> </div> <<calculateResonance>><<statSummary>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Blue Demon</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The confrontation begins.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|FightBlueDemon]]</div></div></div> </div> <</nobr>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $rylan_combatStats.physicalPower += 2>><<trackCombatStat "Rylan" "physicalPower" 2>><<set $rylan_combatStats.agility += 2>><<trackCombatStat "Rylan" "agility" 2>><<set $rylan_combatStats.technique += 2>><<trackCombatStat "Rylan" "technique" 2>><<set $rylan_combatStats.willpower += 2>><<trackCombatStat "Rylan" "willpower" 2>><<set $rylan_intelligence += 2>><<trackCombatStat "Rylan" "intelligence" 2>><<set $rylan_perception += 2>><<trackCombatStat "Rylan" "perception" 2>><<set $rylan_combatStats.maxHealth += 2>><<trackCombatStat "Rylan" "maxHealth" 2>><<set $rylan_combatStats.maxStamina += 2>><<trackCombatStat "Rylan" "maxStamina" 2>> The moment the Soulstone slides down my throat, I feel it. A surge of energy unlike anything I've ever experienced courses through my body. It's as if every muscle, every nerve, every fiber of my being is suddenly more... alive. I gasp and stagger slightly, my hands instinctively going to my chest as warmth spreads outward from my core. The exhaustion from today's mission melts away, replaced by a vitality that makes me feel like I could take on an army. <img src="images/serin/faceshock.webp" alt="Serin" width="300"><img src="images/liora/faceshock.webp" alt="Liora" width="300"><img src="images/mariel/faceshock.webp" alt="Mariel" width="300"> <span class="dialog-serin">"What the hell?!"</span> Serin jumps back, her eyes wide with shock. <span class="dialog-liora">"<<print $humanName>>! Are you alright?"</span> Liora rushes toward me, her hands already glowing with healing magic. <span class="dialog-mariel">"By the gods..."</span> Mariel breathes, her experienced eyes recognizing the magical transformation taking place. <span class="dialog-mariel">"I've never seen anything like this before."</span> <span class="dialog-seryk">"Whoa, bro. You're... different."</span> Even Seryk looks surprised by the intensity of the transformation. I flex my hands, feeling strength I never had before flowing through them. When I look up at my friends, I can see the amazement in their faces - and I understand why. I can feel it myself. <span class="dialog-rylan">"I... I truly feel stronger."</span> My voice comes out steadier, more confident than before. <span class="dialog-rylan">"This is incredible. It's like every part of me has been enhanced."</span> <img src="images/nimeria/face.webp" alt="Nimeria" width="300"> Nimeria's tears dry up instantly, replaced by that bright, innocent smile. <span class="dialog-nimeria">"See? I told you they were safe!"</span> She claps her hands together excitedly. <span class="dialog-nimeria">"But that's just the beginning, <<print $humanName>>."</span> <span class="dialog-nimeria">"Now, try to think of a recent key memory. Something that changed your life, something important that shaped who you are."</span> Her voice takes on an almost hypnotic quality. <span class="dialog-nimeria">"The Soulstone will use that memory to strengthen your soul even further."</span> I close my eyes, feeling the warm energy of the stone still pulsing through me. Recent memories flash through my mind - moments that have defined these past few weeks, experiences that have changed everything about my life. Two memories stand out more than the others, each one carrying its own weight of emotion and significance. <div class="soul-choice-container"> <div class="soul-choice blessing-choice">[[✨ Think about your confession to Liora|ConfessionMemory]]</div> <div class="soul-choice corruption-choice">[[😈 Think about how you failed your exam|FailureMemory]]</div> </div> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<set $currentPOV = "Liora">> Watching Serin's transformation is both fascinating and terrifying. She looks the same on the outside, but there's something different in her eyes - a new intensity that wasn't there before. <img src="images/serin/face.webp" alt="Serin" width="300"><span class="dialog-serin"> "Come on, Liora. You should try one too."</span> Serin's voice carries a persuasive edge. <span class="dialog-serin">"The power is incredible. You'll be able to heal so much better."</span> <img src="images/liora/faceworried.webp" alt="Liora" width="300"> <span class="dialog-liora">"I... I don't know. What if something goes wrong?"</span> My healing instincts make me cautious about unknown magic. <img src="images/rylan/facesmile.webp" alt="Rylan" width="300"> <span class="dialog-rylan">"It's safe, Liora. I promise. The power... it's amazing."</span> <<print $humanName>>'s reassurance means everything to me. If he says it's safe... <span class="dialog-seryk">"I still think we should be more careful about this soul magic stuff."</span> <img src="images/mariel/faceworried.webp" alt="Mariel" width="300"> <span class="dialog-mariel">"Perhaps we should think this through more..."</span> But seeing both <<print $humanName>> and Serin transformed, seeing the confidence in their voices, the strength in their posture... maybe I'm being too cautious. As a healer, shouldn't I want more power to help people? <span class="dialog-liora">"Alright... I'll try one too."</span> My voice is barely a whisper as I reach for one of the glowing stones. <span class="dialog-nimeria">"Wonderful! Another brave soul!"</span> I hold the stone for a moment, feeling its warm energy pulsing against my palm. Then, following Serin's example, I place it in my mouth and swallow it. The effect is immediate. Warm energy flows through my entire body, making me feel stronger, more capable. My healing magic feels more potent, my mind clearer, my body more resilient. <img src="images/nimeria/face.webp" alt="Nimeria" width="300"> <span class="dialog-nimeria">"Perfect! Now, think of a memory that changed your life - something that shaped who you are!"</span> I close my eyes, letting the stone's energy guide my thoughts. A memory that changed my life... The night <<print $humanName>> confessed his love to me. I remember standing there in the moonlight, my heart racing as he spoke those beautiful words. The way his voice trembled with nervousness, the sincerity in his eyes, the pure love I could feel radiating from him. <span class="dialog-rylan">"I love you, Liora. I've loved you for longer than I can remember."</span> The memory fills me with the same warmth I felt that night. The joy of knowing that the person I'd secretly loved for so long felt the same way about me. The overwhelming happiness of finally being able to say those three precious words back to him. <span class="dialog-liora">"I love you too, <<print $humanName>>. I've been hoping you felt the same way."</span> As the Soulstone feeds on this memory, the energy shifts, becoming something pure and golden. It resonates with the love in my heart, the joy of that perfect moment, the hope for our future together. This feels right - warm, comforting, blessed. <div class="soul-blessing-showcase"><div class="blessing-aura"></div><div class="blessing-particles"></div><div class="blessing-text"><h3>✨ SOUL BLESSING AWAKENED ✨</h3><p>Divine power flows through your soul, born from pure love and joy.</p></div></div> <img src="images/liora/face.webp" alt="Liora" width="300"> The blessing settles into my very essence, invisible to the others but filling me with divine purpose. I can feel how it will enhance my healing abilities, my compassion, my desire to protect those I love. This power feels sacred, holy - a gift meant to help others. <center><img src="images/liora/facesmile.webp" alt="Liora Blessed" width="300"></center> <span class="dialog-liora">"Oh... that's beautiful."</span> I open my eyes, feeling the divine energy humming through me. <span class="dialog-liora">"I feel... blessed. Like I can heal anything now."</span> <span class="dialog-nimeria">"How wonderful! You look positively radiant!"</span> I do feel radiant. The love I have for <<print $humanName>>, for all my friends, has become something more - a source of actual divine power that I can use to help and heal. <<set $liora_combatStats.maxHealth += 25>><<set $liora_combatStats.maxStamina += 25>><<set $liora_combatStats.physicalPower += 2>><<set $liora_combatStats.agility += 2>><<set $liora_combatStats.technique += 2>><<set $liora_combatStats.willpower += 2>><<set $liora_intelligence += 2>><<set $liora_perception += 2>><<addSoulBlessing "liora" 1>><<soulDisplay "liora">> [[Continue|RemainingChoices]] <<statSummary>> <<changeFace $currentLioraFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $rylanxserincontent = false>> <div class="serin-pov-scene" style="background: linear-gradient(to bottom, rgba(35, 25, 30, 0.9), rgba(25, 15, 20, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="pov-switch-header" style="background: rgba(60, 40, 45, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ff9999; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔄 POV: Serin 🔄</p> <p style="color: #ffcccc; font-size: 1.1em;">Watching from her perspective...</p></div> <div class="rylan-excuse-scene" style="background: rgba(50, 40, 45, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I watch as <<print $humanName>> suddenly looks uncomfortable, shifting his weight from foot to foot. He glances toward the door, then back at me with what looks like... nervousness?</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Actually, you know what? I just remembered I promised to... uh... help <<print $marielToHuman>> with something important. Rain check on the training?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">He's already backing toward the door before he finishes speaking, not even waiting for my response.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Sorry Serin! Maybe later!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">And just like that, he's gone, leaving me standing alone in the training hall with my arms still raised mid-stretch.</p> <div style="clear: left;"></div> </div> </div> <div class="serin-anger-scene" style="background: rgba(60, 35, 40, 0.6); border: 1px solid rgba(255,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/serin/faceangry.webp" style="width: 200px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,100,100,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">What the hell was that about?!</span> I drop my arms and stare at the empty doorway where he just disappeared.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The way he looked at me... like he was scared or disgusted or something. What did I do wrong? I was just stretching, getting ready for some friendly training!</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Fuck...</span> I slam my fist against the wall, the sound echoing in the empty training hall.</p> <div style="clear: left;"></div> </div> </div> <div class="nimeria-thoughts" style="background: rgba(60, 35, 40, 0.6); border: 1px solid rgba(255,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria was wrong. Dead wrong. She said he liked me, that I should be more... forward. More confident. That he'd appreciate my... attention.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Bullshit advice from someone who doesn't know what she's talking about.</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I thought I was reading the signals right. The way he looked at me sometimes, the way he seemed to enjoy our banter... But apparently I was just being delusional.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">He probably thinks I'm some kind of... weirdo now. Great. Just fucking great.</p> <div style="clear: left;"></div> </div> </div> <div class="decision-scene" style="background: rgba(60, 35, 40, 0.6); border: 1px solid rgba(255,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/serin/facesad.webp" style="width: 200px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,100,100,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I slide down the wall until I'm sitting on the floor, my head in my hands. The musky scent of the training hall suddenly feels suffocating instead of energizing.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Fine. Message received loud and clear, <<print $humanName>>.</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I won't make that mistake again. If he wants to keep things strictly professional, then that's exactly what he'll get from me. No more teasing, no more... whatever the hell I was trying to do.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">And Nimeria... I thought she was trying to help, but maybe she was just stirring up trouble for her own amusement. I won't be trusting her relationship advice anymore either.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Back to square one, I guess.</span></p> <div style="clear: left;"></div> </div> </div> <div class="resolution-scene" style="background: rgba(50, 40, 45, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I stand up, dusting myself off and trying to regain some composure. The black fabric on the table catches my eye - my training gear from yesterday that I'd left to dry.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I grab it and stuff it into my bag. No point leaving evidence of my... preparations.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Whatever. His loss.</span></p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But even as I say it, I can feel the sting of rejection burning in my chest. This isn't how I wanted things to go.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return Home</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the house.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the house|MorningActivities]]</div></div></div> </div> <</nobr>> <<set $serin_RylanAffection = ($serin_RylanAffection || 0) - 5>><<trackAffection "Serin" $humanName -5>><<set $serin_NimeriaAffection = ($serin_NimeriaAffection || 0) - 3>><<trackAffection "Serin" "Nimeria" -3>><<statSummary>><<changeFace $currentSerinFace>>

<<nobr>> <<set $currentRylanFace = "rylan/face.webp">><<set $currentMarielFace = "mariel/face.webp">><<set $currentThalorFace = "thalor/face.webp">><<set $currentLioraFace = "liora/face.webp">><<set $currentSerinFace = "serin/face.webp">><<set $currentSerykFace = "seryk/face.webp">><<set $currentNimeriaFace = "nimeria/face.webp">> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<set $chapter = 2>><<set $currentLocation = "Northern Forest">><<set $timeOfDay = "afternoon">><<set $rylan_LioraAffection += 1>><<set $rylan_SerinAffection += 1>><<set $rylan_SerykAffection += 1>><<trackAffection "Rylan" "Liora" 1>><<trackAffection "Rylan" "Serin" 1>><<trackAffection "Rylan" "Seryk" 1>> <div id="chapter-intro" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #000000 0%, #1a0000 25%, #330000 50%, #1a0000 75%, #000000 100%); z-index: 9999; display: flex; align-items: center; justify-content: center; animation: fadeIn 1s ease-in;"> <div style="text-align: center; color: #fff;"> <div style="font-size: 4em; font-weight: bold; margin-bottom: 40px; text-shadow: 0 0 30px #ff6b6b, 0 0 60px #ff3333; animation: titleGlow 3s ease-in-out infinite alternate, titleSlide 2s ease-out;">Chapter 2</div> <div style="font-size: 2.5em; color: #ff6b6b; margin-bottom: 60px; text-shadow: 0 0 20px #ff3333; animation: subtitleFade 2.5s ease-in 1s both, subtitleSlide 2.5s ease-out 1s both;">I smiled as the village burnt</div> <div style="font-size: 1.2em; color: #cccccc; font-style: italic; opacity: 0; animation: descriptionFade 2s ease-in 3s both;">A darkness stirs in the shadows...</div> </div> </div> <<set $thalor_kissCount to 39>><<set $thalor_vaginalCount to 13>><<set $mariel_kissCount to 39>><<set $mariel_vaginalCount to 13>><<set $mariel_sexualExperience to 52>><<set $mariel_basicExperience to 39>><<set $thalor_sexualExperience to 52>><<set $thalor_basicExperience to 39>><<if not $rylan_ThalorKissCount>><<set $rylan_ThalorKissCount to 0>><<set $rylan_ThalorVaginalCount to 0>><<set $rylan_ThalorAnalCount to 0>><<set $rylan_ThalorAnalTakenCount to 0>><<set $rylan_ThalorHandjobCount to 0>><<set $rylan_ThalorHandjobTakenCount to 0>><<set $rylan_ThalorBlowjobCount to 0>><<set $rylan_ThalorBlowjobTakenCount to 0>><<set $rylan_ThalorFootjobCount to 0>><<set $rylan_ThalorFootjobTakenCount to 0>><<set $rylan_ThalorBoobJobCount to 0>><<set $rylan_ThalorBoobJobTakenCount to 0>><<set $rylan_ThalorBreastsTouchedCount to 0>><<set $rylan_ThalorBreastsTouchedByCount to 0>><<set $rylan_ThalorAssTouchedCount to 0>><<set $rylan_ThalorAssTouchedByCount to 0>><<set $rylan_ThalorCumInsideCount to 0>><<set $rylan_ThalorCumSwallowedMl to 0>><<set $rylan_ThalorCumOnBodyMl to 0>><<set $rylan_ThalorOrgasmsGiven to 0>><<set $rylan_ThalorOrgasmsReceived to 0>><</if>><<if not $thalor_RylanKissCount>><<set $thalor_RylanKissCount to 0>><<set $thalor_RylanVaginalCount to 0>><<set $thalor_RylanAnalCount to 0>><<set $thalor_RylanAnalTakenCount to 0>><<set $thalor_RylanHandjobCount to 0>><<set $thalor_RylanHandjobTakenCount to 0>><<set $thalor_RylanBlowjobCount to 0>><<set $thalor_RylanBlowjobTakenCount to 0>><<set $thalor_RylanFootjobCount to 0>><<set $thalor_RylanFootjobTakenCount to 0>><<set $thalor_RylanBoobJobCount to 0>><<set $thalor_RylanBoobJobTakenCount to 0>><<set $thalor_RylanBreastsTouchedCount to 0>><<set $thalor_RylanBreastsTouchedByCount to 0>><<set $thalor_RylanAssTouchedCount to 0>><<set $thalor_RylanAssTouchedByCount to 0>><<set $thalor_RylanCumInsideCount to 0>><<set $thalor_RylanCumSwallowedMl to 0>><<set $thalor_RylanCumOnBodyMl to 0>><<set $thalor_RylanOrgasmsGiven to 0>><<set $thalor_RylanOrgasmsReceived to 0>><</if>><<if not $thalor_MarielKissCount>><<set $thalor_MarielKissCount to 39>><<set $thalor_MarielVaginalCount to 13>><<set $thalor_MarielAnalCount to 0>><<set $thalor_MarielAnalTakenCount to 0>><<set $thalor_MarielHandjobCount to 0>><<set $thalor_MarielHandjobTakenCount to 0>><<set $thalor_MarielBlowjobCount to 0>><<set $thalor_MarielBlowjobTakenCount to 0>><<set $thalor_MarielFootjobCount to 0>><<set $thalor_MarielFootjobTakenCount to 0>><<set $thalor_MarielBoobJobCount to 0>><<set $thalor_MarielBoobJobTakenCount to 0>><<set $thalor_MarielBreastsTouchedCount to 0>><<set $thalor_MarielBreastsTouchedByCount to 0>><<set $thalor_MarielAssTouchedCount to 0>><<set $thalor_MarielAssTouchedByCount to 0>><<set $thalor_MarielCumInsideCount to 13>><<set $thalor_MarielCumInsideMl to 65>><<set $thalor_MarielCumSwallowedMl to 0>><<set $thalor_MarielCumOnBodyMl to 0>><<set $thalor_MarielOrgasmsGiven to 0>><<set $thalor_MarielOrgasmsReceived to 13>><</if>><<if not $liora_MarielKissCount>><<set $liora_MarielKissCount to 0>><<set $liora_MarielVaginalCount to 0>><<set $liora_MarielAnalCount to 0>><<set $liora_MarielAnalTakenCount to 0>><<set $liora_MarielHandjobCount to 0>><<set $liora_MarielHandjobTakenCount to 0>><<set $liora_MarielBlowjobCount to 0>><<set $liora_MarielBlowjobTakenCount to 0>><<set $liora_MarielFootjobCount to 0>><<set $liora_MarielFootjobTakenCount to 0>><<set $liora_MarielBoobJobCount to 0>><<set $liora_MarielBoobJobTakenCount to 0>><<set $liora_MarielBreastsTouchedCount to 0>><<set $liora_MarielBreastsTouchedByCount to 0>><<set $liora_MarielAssTouchedCount to 0>><<set $liora_MarielAssTouchedByCount to 0>><<set $liora_MarielCumInsideCount to 0>><<set $liora_MarielCumSwallowedMl to 0>><<set $liora_MarielCumOnBodyMl to 0>><</if>><<if not $liora_ThalorKissCount>><<set $liora_ThalorKissCount to 0>><<set $liora_ThalorVaginalCount to 0>><<set $liora_ThalorAnalCount to 0>><<set $liora_ThalorAnalTakenCount to 0>><<set $liora_ThalorHandjobCount to 0>><<set $liora_ThalorHandjobTakenCount to 0>><<set $liora_ThalorBlowjobCount to 0>><<set $liora_ThalorBlowjobTakenCount to 0>><<set $liora_ThalorFootjobCount to 0>><<set $liora_ThalorFootjobTakenCount to 0>><<set $liora_ThalorBoobJobCount to 0>><<set $liora_ThalorBoobJobTakenCount to 0>><<set $liora_ThalorBreastsTouchedCount to 0>><<set $liora_ThalorBreastsTouchedByCount to 0>><<set $liora_ThalorAssTouchedCount to 0>><<set $liora_ThalorAssTouchedByCount to 0>><<set $liora_ThalorCumInsideCount to 0>><<set $liora_ThalorCumSwallowedMl to 0>><<set $liora_ThalorCumOnBodyMl to 0>><</if>><<if not $serin_RylanKissCount>><<set $serin_RylanKissCount to 0>><<set $serin_MarielKissCount to 0>><<set $serin_ThalorKissCount to 0>><<set $serin_LioraKissCount to 0>><<set $serin_SerykKissCount to 0>><</if>><<if not $Nimeria_MarielKissCount>><<set $Nimeria_MarielKissCount to 0>><<set $Nimeria_ThalorKissCount to 0>><<set $Nimeria_LioraKissCount to 0>><<set $Nimeria_SerinKissCount to 0>><</if>><<if not $seryk_LioraKissCount or $seryk_LioraKissCount !== $seryk_LioraKissCount>><<set $seryk_LioraKissCount to 0>><</if>> <<set $thalor_MarielKissCount to 39>><<set $thalor_MarielVaginalCount to 13>> <style> @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes titleGlow { 0% { text-shadow: 0 0 30px #ff6b6b, 0 0 60px #ff3333; } 100% { text-shadow: 0 0 50px #ff0000, 0 0 110px #cc0000, 0 0 100px #990000; } } @keyframes titleSlide { 0% { transform: translateY(-100px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes subtitleFade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes subtitleSlide { 0% { transform: translateX(-200px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes descriptionFade { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } </style> <<timed 6s>> <<script>> $('#chapter-intro').css('animation', 'fadeOut 1s ease-out'); setTimeout(function() { $('#chapter-intro').remove(); }, 1000); <</script>> <</timed>> <div class="chapter-container" style="background: linear-gradient(to bottom, rgba(60, 100, 60, 0.8), rgba(40, 80, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="chapter-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #d0e0d0; font-size: 1.8em; margin-bottom: 10px;">📖 Chapter 2: I smiled as the village burnt 📖</h2> <p style="color: #a0c0a0; font-style: italic; font-size: 1.1em;">A new mission begins in the depths of the forest...</p> </div> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/landscapes/forestpath.webp" style="width: 100%; max-width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The morning had started with another routine visit to the Guild Hall. Elena had greeted us with her usual warm smile, but there was something more urgent in her expression today.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/faceworried.webp" alt="Elena" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-female-npc">"We've received reports of increased goblin activity in the northern part of the forest,"</span> she had explained, spreading a map across her desk. <span class="dialog-female-npc">"Nothing too dangerous for your group, but they're becoming bold enough to threaten the herb gatherers. We need you to eliminate at least five of them to send a message."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">And now, hours later, we find ourselves deep in the northern forest, sunlight filtering through the canopy above as we make our way along a winding path.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" alt="Nimeria" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-nimeria">"Oh, Liora dear,"</span> <span class="dialog-nimeria">Nimeria had said with that innocent smile of hers before parting ways with us at the forest edge,</span> <span class="dialog-nimeria">"while you're out there, could you gather some Moonbell flowers for me? They only grow in the deeper parts of the forest, and I could really use them for my... research."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She had returned home with <<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>>, leaving the four of us to handle the mission. Now, as we walk deeper into the forest, the conversation turns to strategy.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/flowerfield/pickingflowers.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"The Moonbell flowers shouldn't be too hard to find,"</span> Liora says, adjusting her pack. <span class="dialog-liora">"They have a distinctive blue glow, especially in shaded areas. I've seen them before during my healing herb studies."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Just don't wander too far from the main paths,"</span> Serin warns, her hand resting casually on her weapon. <span class="dialog-serin">"Even if this area isn't known for dangerous monsters, it's still better to be safe."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" alt="Seryk" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"Don't worry about Little Bird,"</span> Seryk says with his characteristic confidence, giving Liora a reassuring smile. <span class="dialog-seryk">"We'll make quick work of those goblins and be back before she even notices we're gone."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we continue walking, I notice a clearing ahead where patches of colorful flowers dot the forest floor - exactly the kind of place Nimeria mentioned where Moonbell flowers might grow.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The clearing looks peaceful, with no signs of monster activity. This could be the perfect opportunity to split up and accomplish both objectives efficiently.</p> <div style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Since this area seems safe, why don't we split up? Liora can search for those Moonbell flowers here while the three of us hunt down the goblins. We'll cover more ground that way."</span> <div style="clear: left;"></div> </div> [[Suggest splitting up to hunt goblins while Liora gathers herbs|GoblinHuntSplit]] </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $rylan_LioraAffection += 2>><<set $liora_RylanAffection += 2>><<set $rylan_LioraAttraction += 1>><<set $liora_RylanAttraction += 1>><<trackAffection "Rylan" "Liora" 2>><<trackAffection "Liora" "Rylan" 2>><<trackAttraction "Rylan" "Liora" 1>><<trackAttraction "Liora" "Rylan" 1>> <div class="date-container" style="background: linear-gradient(to bottom, rgba(255, 192, 203, 0.3), rgba(255, 182, 193, 0.4)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="market-visit" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/clothesshop.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We walk through the town's market district, taking our time to browse the various shops and stalls. The afternoon sun casts a warm glow over everything, and for once, we don't have to worry about monsters or missions.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Look at those flowers!"</span> Liora points to a colorful display at a merchant's stall. <span class="dialog-liora">"They're so beautiful... much prettier than the Moonbells we were collecting."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Would you like some?"</span> I ask, already reaching for my coin purse. <span class="dialog-rylan">"We did earn quite a bit today..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I buy her a small bouquet of white and pink roses, and the smile that lights up her face makes every coin worth it. She holds them close to her chest, inhaling their sweet fragrance.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facelaughshortpinkdress.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Thank you, <<print $humanName>>! They smell wonderful... much sweeter than those Moonbells we were collecting."</span> She giggles softly. <div style="clear: left;"></div> </div> </div> <div class="bakery-stop" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we pass a small bakery, the sweet aroma of fresh pastries draws us in. The elderly baker greets us with a warm smile and insists we try his newest honey cakes.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"These are incredible!"</span> I say after taking a bite. <span class="dialog-rylan">"Liora, you have to try this."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh my..."</span> She blushes as I offer her a piece from my own pastry. <span class="dialog-liora">"That's... very sweet. The cake, I mean! The cake is sweet."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We share the treats, and I can't help but notice how her eyes sparkle when she laughs at my terrible jokes about the baker's flour-covered apron.</p> <div style="clear: left;"></div> </div> </div> <div class="fountain-talk" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We find ourselves at the town fountain, sitting on its stone edge as the water gently splashes behind us. The afternoon is growing later, painting the sky in soft oranges and pinks.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Today was wonderful, <<print $humanName>>. Not just the mission, but... this. Being together like this."</span> She looks down at her flowers, twirling one between her fingers. <span class="dialog-liora">"I feel like we make a good team."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"We do,"</span> I agree, feeling my heart skip a beat at her words. <span class="dialog-rylan">"In combat and... well, everywhere else too."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She looks up at me then, and for a moment, everything else fades away. The market sounds, the splashing fountain, even my own nervousness - it all becomes background to the soft blue of her eyes.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"<<print $humanName>>..."</span> she whispers, and I can see the same feelings reflected in her gaze that I've been carrying in my heart. <div style="clear: left;"></div> </div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #ffc0cb; font-size: 1.1em; margin-bottom: 20px;">This moment feels perfect... but what should I do?</p> <p style="color: #ffb6c1; font-size: 0.9em; margin-bottom: 20px; font-style: italic;">⚠️ Warning: Your choice here may have slight consequences...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Romantic Moment</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose how to express your feelings.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Lean in and kiss her gently|KissLiora]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Pull her into a warm hug|HugLiora]]</div></div></div></div></div> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('seryknimeriaconfrontation.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="nimeria-reflection-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💜 Nimeria's Thoughts 💜</p> <p style="color: white; font-size: 1.1em;">Sweet victory...</p></div> <div class="euphoric-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <<if $nimeriamaderylancum>> <<if $nimeriamaderylancum>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I sit in my room, still feeling the lingering warmth of $humanName's touch on my lips. My first kiss... and what a perfect choice it was. The memory of his taste, his scent, the way he trembled under my touch - it sends delicious shivers through my entire body.</p> <div style="clear: left;"></div> </div> <center><img src="images/nimeria/faceecstatic.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Perfect... absolutely perfect. My knight is awakening to his desires."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The way he looked at me with those confused, guilty eyes... the shame mixed with desire. I can already feel the dependency forming in him. Soon he'll crave my touch, my scent, my presence. And when that happens, he'll be ready to claim what's his - not just me, but all of us.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Sweet Liora doesn't realize it yet, but she'll be part of this too. My knight deserves a proper harem, and I'll be his queen while she can be his precious princess. We'll all belong to him, and he to us.</p> <div style="clear: left;"></div> </div> <<elseif $rylanxnimeriahandjob>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I sit in my room, still feeling the heat from our intimate encounter. Even though he pulled away before we could kiss, I felt his body respond to me completely. The way he trembled under my touch, the way he tried so hard to resist but couldn't... it was intoxicating.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Almost there, my dear knight. You felt the pleasure I could give you, even if you fought against it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I could see the internal battle in his eyes - duty against desire, loyalty against lust. But his body betrayed his mind, responding eagerly to my ministrations. Next time, he won't be able to pull away. The seed of desire has been planted.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">He thinks he's being faithful to little Liora, but he doesn't understand yet. A king doesn't limit himself to one woman. Soon he'll realize that both of us can be his - that we should be his.</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I sit in my room, still feeling the tension from our encounter. $humanName resisted me this time, but I could see the desire in his eyes, the way his body responded despite his protests. He's fighting it, but that just makes the eventual victory all the sweeter.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Patience, my dear knight. You'll come to me willingly soon enough."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The way he looked at me, the internal struggle written across his face... it was almost as satisfying as if he had given in. Because now I know exactly how to awaken his true desires. A king needs time to realize his destiny.</p> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I close my eyes and relive every moment, feeling the heat building between my legs. My hand starts to drift downward, slipping beneath my dress as I imagine what's to come...</p> <div style="clear: left;"></div> </div> <<if $nimeriamaderylancum>> <center><img src="images/nimeria/chapter2/morningactivities/masturbate.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Mmm... my knight... soon you'll have us all..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Just as my fingers find their target, a soft knock interrupts my private moment. My euphoric expression instantly shifts to annoyance.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria" style="color: #DDA0DD; font-style: italic;">"Ugh... who dares to interrupt me now?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But I quickly compose myself, putting on my sweetest voice.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Come in~"</span> <div style="clear: left;"></div> </div> </div> <div class="seryk-enters" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The door opens and Seryk steps in, his expression serious and angry. My sweet facade immediately drops.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, just you..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I roll my eyes dramatically. Of course it's him. I can see the anger burning in his eyes, the tension in his muscular frame.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"We have to talk."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">His voice is deadly serious. I instantly know what this is about - he's finally figured it out. Took him long enough.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I gave you two whole days to figure it out, but clearly I overestimated that thick skull of yours. Come on, let's take this conversation somewhere more... private."</span> <div style="clear: left;"></div> </div> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">Time for the truth to come out...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Confrontation</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Seryk confronts Nimeria about her plans.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[A few minutes later...|NimeriaSerykConfrontation]]</div></div></div></div></div> <</nobr>> <<statSummary>> <<changeFace $currentNimeriaFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <div class="end-of-day-container" style="background: linear-gradient(to bottom, rgba(20, 30, 50, 0.9), rgba(10, 15, 25, 0.8)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="day-conclusion" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <h2 style="color: #d0e0f0; text-align: center; margin-bottom: 25px; font-size: 1.5em;">🌙 The Day Comes to an End 🌙</h2> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">After our heartfelt moment together, Liora and I make our way back home. The rest of the evening passes quietly and peacefully.</p> <div style="clear: left;"></div> </div> <center><img src="images/landscapes/rylanhome.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">We share a simple dinner with the family, exchanging small talk about the day's events. Everyone seems content and relaxed, the earlier tension from the mission now a distant memory.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">As the night grows deeper, we all begin to retire to our rooms. The house settles into a comfortable quiet, filled with the peaceful sounds of a home at rest.</p> <div style="clear: left;"></div> </div> <div class="sleep-transition" style="background: rgba(0,0,50,0.3); border: 1px solid rgba(100,100,200,0.3); border-radius: 8px; padding: 20px; margin: 25px 0; text-align: center;"> <p style="color: #c0c0ff; font-size: 1.2em; font-style: italic; margin: 0;">The day fades into memory as sleep takes hold...</p></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">I drift off to sleep, my heart still warm from the moments shared with Liora. Tomorrow will bring new adventures, but for now, all is well.</p> <div style="clear: left;"></div> </div> </div> <div style="text-align: center; margin-top: 30px;"> <h3 style="color: #d0e0f0; margin-bottom: 15px;">End of Chapter 2</h3> <p style="color: #b0b0b0; font-style: italic;">The story continues...</p></div></div> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('battle/goblinfightdesperate.mp3');<</script>><<set $rylan_confidence += 2>><<set $seryk_PhysicalPower += 0.2>><<set $rylan_PhysicalPower += 0.1>><<set $serin_Agility += 0.1>><<set $serin_RylanAffection += 2>><<set $seryk_RylanAffection -= 2>><<set $rylan_SerykAffection -= 1>><<trackAffection "Serin" "Rylan" 2>><<trackAffection "Seryk" "Rylan" -2>><<trackAffection "Rylan" "Seryk" -1>><<changeFace $currentRylanFace>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Perspective Switch 📖<br><span style="color: #87CEEB;">Switching back to <<print $humanName>>'s view...</span><br><img src="images/rylan/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #87CEEB; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <div class="battle-resolution-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/enemies/goblinhorde.webp" style="width: 800px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>Back in the goblin cave...</em></p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The battle is fierce and chaotic. The cave echoes with the clash of weapons, goblin shrieks, and our own shouts of exertion. True to our plan, we split up to handle the three groups, but the reality of fighting so many enemies at once is more challenging than any of us anticipated.</p> <div style="clear: left;"></div> </div> <center><img src="images/serin/poses/blockingknives.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Serin is handling her group of eight goblins on the left side of the cave with her usual agility and skill. She moves with athletic grace, her sword work clean and efficient.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"These guys are quick, but manageable!"</span> she calls out confidently, parrying and striking with practiced ease. <div style="clear: left;"></div> </div> <center><img src="images/rylan/faceconfident.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I'm in the center of the cave, surrounded by the massive group of twenty goblins. It's the most challenging fight of my life, but I'm determined to prove myself as a leader. Sweat pours down my face as I parry strikes from multiple directions, my muscles burning with exertion.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceconfident.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I can handle this!"</span> I shout, striking down another goblin while dodging a club swing. <span class="dialog-rylan">"This is what a real leader does!"</span> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/fight.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Meanwhile, Seryk is handling his group of fifteen goblins on the right with what looks like casual ease. His powerful strikes send goblins flying, and his demon strength allows him to fight multiple enemies simultaneously without breaking a sweat.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"How are you holding up, bro?"</span> he calls out between effortless strikes, not even sounding winded. <span class="dialog-seryk">"That's a lot of goblins you're taking on!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I'm managing better than I expected against the twenty goblins, though I can feel the strain in every muscle. My training has paid off, and my determination to prove myself as leader is driving me forward.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"I'm fine!"</span> I shout back, though my breathing is heavy. <span class="dialog-rylan">"This is exactly why I should have taken the bigger group!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">It's true - I am handling it, though I have to admit that about half of my goblins panicked and fled the cave when they saw how brutal the fighting was getting. But I don't mention that part.</p> <div style="clear: left;"></div> </div> </div> <div class="battle-conclusion" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Minutes later, the last goblin falls. Serin stands among the corpses of her enemies, breathing heavily but victorious. Seryk casually wipes goblin blood off his hands, looking like he just finished a light warm-up exercise.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Good job, <<print $humanName>>!"</span> Serin says with genuine admiration, wiping sweat from her brow. <span class="dialog-serin">"You really held your own against that group. That was impressive!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facegrin.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Yeah, bro! You handled that many goblins like a real adventurer. I'm proud of you!"</span> Seryk adds with his characteristic grin. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I feel my cheeks heat up with embarrassment, knowing I need to be honest with them.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Thanks, but... well, I should mention that about half of them actually fled the cave when the fighting got intense,"</span> I admit sheepishly. <span class="dialog-rylan">"So it wasn't quite as many as it looked like."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Still, you handled the ones that stayed and fought,"</span> Serin says encouragingly. <span class="dialog-serin">"That's what matters."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Suddenly, Seryk's expression changes completely. His eyes widen in horror as the implications of what I just said hit him.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <div style="clear: left;"></div> </div> <center><img src="images/seryk/faceangry.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"YOU IDIOT!!"</span> he roars suddenly, his voice echoing through the cave with unprecedented urgency. <span class="dialog-seryk">"LIORA IS STILL OUTSIDE! THOSE GOBLINS THAT FLED - THEY'RE HEADING STRAIGHT FOR HER!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Without another word, Seryk explodes into motion. The casual, restrained fighting style he'd been using disappears entirely as he sprints toward the cave entrance at inhuman speed. Only now do we realize - he had been holding back during the entire fight!</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Oh gods, he's right!"</span> Serin gasps, the color draining from her face. <span class="dialog-serin">"We have to get to her!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The three of us race out of the cave, but Seryk is already far ahead, moving faster than either Serin or I could ever hope to match. His demon heritage is on full display as he crashes through the forest toward the flower clearing where we left Liora.</p> <div style="clear: left;"></div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">My heart pounds with fear and guilt as we race through the forest. The goblins that fled could reach Liora at any moment...</p> [[Race to save Liora|LioraAmbush]]</div> <</timed>> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('battle/2.mp3');<</script>><<set $rylan_confidence -= 2>> <div class="goblin-encounter-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/enemies/goblin.webp" style="width: 100%; max-width: 200px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The rustling grows louder, and suddenly three goblins emerge from the undergrowth ahead of us. They're small, green-skinned creatures with crude weapons - exactly what we expected to find. Perfect! This is my chance to prove myself.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Without thinking, adrenaline and the desire to show I've improved take over. I draw my sword and charge forward with a loud battle cry.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"CHARGE! TIME TO DIE, YOU GREEN MENACES!"</span> I shout at the top of my lungs, rushing toward them with my sword raised. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName.toUpperCase()>>, NO!"</span> Serin's voice cuts through my battle cry like a knife. <span class="dialog-serin">"Don't attack alone like last time! And what did I tell you about screaming during ambushes?!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblins, initially startled by my sudden appearance, quickly recover and burst into cruel laughter at my dramatic but poorly executed charge. They raise their weapons, clearly amused rather than threatened.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Kekeke! Stupid human thinks he scary!"</span> one of them cackles, brandishing a rusty dagger. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Easy prey! We show him who boss!"</span> another adds, hefting a crude club. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But then their laughter dies abruptly. Their eyes widen in terror as they look past me, and I can practically feel the shift in the air behind me.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Well, well..."</span> Seryk's voice is calm but carries an unmistakable edge of menace. <span class="dialog-seryk">"Looks like we found our targets."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The goblins take one look at Seryk's imposing blue-skinned form and muscular frame, and their confidence evaporates instantly. Even with his friendly demeanor, there's something about his demon heritage that strikes primal fear into lesser creatures.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"D-DEMON!"</span> the first goblin shrieks. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"RUN! RUN FOR CAVE!"</span> screams another. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Without another word, all three goblins turn and flee deeper into the forest, crashing through bushes and undergrowth in their panic.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Hey, wait! Come back here!"</span> I call out, my pride stung by their dismissal. Without thinking, I give chase, running after them through the forest. <span class="dialog-rylan">"We're not done yet!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>!"</span> Serin calls after me, but I'm already pursuing the fleeing goblins, determined to prove myself. <div style="clear: left;"></div> </div> <div class="chase-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The chase leads us deeper into the forest, with the goblins staying just ahead of me. Finally, they disappear into what appears to be the entrance to a cave. Without hesitation, I follow them inside, my sword still drawn.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But as I emerge into a larger cavern, I stop dead in my tracks. What I see makes my blood run cold.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The sight before me in the cavern is far worse than anything I had imagined...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Cave Discovery</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Enter the mysterious cave.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue into the cave|GoblinCaveReveal]]</div></div></div> </div> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<set $liora_AloneInForest = true>><<set $goblinsToKill = 5>><<set $goblinsKilled = 0>><<set $liora_RylanAffection += 2>><<set $serin_RylanAffection += 1>><<set $seryk_RylanAffection += 1>><<trackAffection "Liora" "Rylan" 2>><<trackAffection "Serin" "Rylan" 1>><<trackAffection "Seryk" "Rylan" 1>> <div class="forest-split-container" style="background: linear-gradient(to bottom, rgba(60, 100, 60, 0.8), rgba(40, 80, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/flowerfield/pickingflowers.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The group considers the suggestion for a moment. The clearing does indeed look peaceful, with butterflies dancing among the wildflowers and the gentle sound of a nearby stream.</p> <span class="dialog-liora">"That sounds like a good plan,"</span> Liora agrees, already eyeing the patches of blue-glowing flowers scattered throughout the clearing. <span class="dialog-liora">"I can see some Moonbell flowers from here. This should be perfect."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Are you sure you'll be okay on your own?"</span> Serin asks, though her expression shows she's eager to get started with the hunt. <span class="dialog-serin">"I mean, you're capable, but still..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Little Bird will be fine,"</span> Seryk says confidently, placing a reassuring hand on Liora's shoulder. <span class="dialog-seryk">"This area is known to be safe, and she's got her healing magic if anything unexpected happens. Besides, we won't be far - just follow the goblin tracks north."</span> <div style="clear: left;"></div> </div> <<changeAffection "Liora" "Seryk" 1>><<changeAffection "Liora" "Serin" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'll be careful, I promise,"</span> Liora says with a gentle smile. <span class="dialog-liora">"Just... don't take too long, okay? I'd rather not be alone in the forest when it starts getting dark."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">With the plan settled, we prepare to part ways. Liora settles into the clearing with her gathering supplies, while the three of us - myself, Serin, and Seryk - check our weapons and prepare to track down the goblin threat.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"We'll be back before you know it,"</span> I assure her, though part of me feels uneasy about leaving her alone, even in this peaceful-seeming area. <div style="clear: left;"></div> </div> </div> <div class="departure-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">As we prepare to leave Liora to her herb gathering, the three of us set off deeper into the forest to hunt goblins. The mission seems straightforward enough - find and eliminate five goblins to reduce their growing boldness in the area.</p> <div style="clear: left;"></div> </div> <div style="margin-bottom: 20px;"> <span class="dialog-serin">"Let's get this done quickly and efficiently. The sooner we finish, the sooner we can get back to Liora."</span> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Goblin Hunt Begins</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The group sets off to hunt goblins in the northern forest.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head north to hunt goblins|GoblinHuntWalk]]</div></div></div> </div></div> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<changeLust "Rylan" 3>><<changeLust "Serin" 2>><<changeLust "Seryk" 1>><<set $serin_RylanAffection += 2>><<set $seryk_RylanAffection += 2>><<trackAffection "Serin" "Rylan" 2>><<trackAffection "Seryk" "Rylan" 2>> <div class="forest-walk-container" style="background: linear-gradient(to bottom, rgba(60, 100, 60, 0.8), rgba(40, 80, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/landscapes/forestpath.webp" style="width: 100%; max-width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The three of us make our way deeper into the forest, following what appear to be goblin tracks along a winding path. The afternoon sun filters through the canopy, creating dancing shadows on the forest floor.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">After walking for about twenty minutes in relative silence, Serin suddenly stops and points to a broken branch. The movement causes her leather top to shift slightly, and I can't help but notice how the afternoon light catches the subtle sheen of perspiration on her exposed midriff.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Looks like they went this way,"</span> she says, crouching down to examine some scratches in the dirt. The position gives me an unfortunately distracting view of her athletic form. <center><img src="images/serin/chapter2/crouch.webp" style="width: 600px"></center> <span class="dialog-serin">"Though I have to say, for creatures that are supposed to be 'threatening the herb gatherers,' these goblins sure are terrible at covering their tracks."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Maybe they're just confident,"</span> Seryk chuckles, stretching his arms above his head. The movement causes his well-defined abs to flex impressively, his bare chest glistening slightly with a light sheen of sweat from our walk. <center><img src="images/seryk/chapter2/stretching.webp" style="width: 600px"></center> <span class="dialog-seryk">Or maybe they're as bad at stealth as our friend here was during his first guild exam."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Hey!"</span> I protest, my face heating up slightly - though whether from embarrassment or the way Serin's gaze seems to linger on me is unclear. <span class="dialog-rylan">"That was... that was different! And I passed eventually, didn't I?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Eventually being the key word,"</span> Serin says with a wicked grin, stepping closer with that predatory smile of hers. Her proximity makes me acutely aware of her natural scent mixed with the faint smell of leather and sweat. <span class="dialog-serin">"After completely failing your first exam - running away from a single goblin and somehow managing to trip over your own sword not once, but twice."</span> <<changeAffection "Rylan" "Serin" -1>><<changeAttraction "Rylan" "Serin" 2>><<set $serin_Lust += 1>> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Wait, he failed the first time?"</span> Seryk asks, his eyebrows raising with obvious amusement. <span class="dialog-seryk">"Bro, how do you fail so spectacularly that they give you a second chance?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It was a very... eventful first attempt,"</span> I mutter, trying to change the subject and ignore how Serin seems to be enjoying my discomfort a little too much. <span class="dialog-rylan">"Besides, I was using one of <<print $humanToThalor>>'s swords, and it was way too heavy for me."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, that's right!"</span> Serin's grin widens as she clearly remembers more embarrassing details. She leans against a tree, the pose accentuating her curves in a way that's definitely intentional. <span class="dialog-serin">"You tried to swing that massive broadsword and ended up spinning yourself around like a top! Elena had to grab a handkerchief because she was laughing so hard she started crying!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0;"> <span class="dialog-seryk">"I'm starting to understand why Little Bird always looks so worried when we go into combat,"</span> Seryk says, shaking his head but clearly trying not to laugh. <span class="dialog-seryk">"She's probably calculating the odds of our fearless leader accidentally taking himself out before the monsters get a chance."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I groan and quicken my pace, hoping to outrun this particular conversation. Unfortunately, both Serin and Seryk easily keep up with me, clearly enjoying themselves too much to let this go. I notice Serin's breathing has quickened slightly from the increased pace, and there's a flush to her cheeks that has nothing to do with exertion.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, we're not done yet,"</span> Serin says cheerfully, jogging to catch up. Her athletic grace is undeniably attractive, even when she's using it to torment me. <span class="dialog-serin">"Tell him about how we had to practically carry him through his second exam!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"At least I passed the second time!"</span> I snap, though I can feel my face burning with embarrassment. <span class="dialog-rylan">"And I did contribute! I got the final slime!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Wait, you needed help?"</span> Seryk asks incredulously, his laughter making his muscular frame shake. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, he needed help alright. Liora and I had to kill four of the five slimes while he spent most of the time trying not to get dissolved by slime acid,"</span> Serin explains with obvious delight. <span class="dialog-serin">"Though I'll give him credit - he did manage to take down that last slime all by himself. Eventually."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Seryk stops walking entirely, doubling over with laughter. Even I have to admit, looking back on it, the whole thing was pretty ridiculous. And there's something about their laughter that's infectious, even if it's at my expense.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Okay, okay, fine!"</span> I throw my hands up in defeat. <span class="dialog-rylan">"My first exam was a complete disaster, and my second was only marginally better. But hey, at least I entertained everyone, right? And more importantly, I've improved since then!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, absolutely,"</span> Serin nods sagely, wiping a tear from her eye. The gesture draws my attention to her face, flushed with laughter and exertion. <span class="dialog-serin">"Now when you trip, it's with much better form. Very graceful, really."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I'll have to take your word for it, Wildcat,"</span> Seryk grins, using his nickname for her in a way that makes her smile genuinely brighten. <span class="dialog-seryk">"Though I'm definitely looking forward to seeing this legendary clumsiness in action."</span> <img src="images/seryk/facegrin.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0;"> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Despite the embarrassment, I find myself smiling. There's something oddly comforting about having friends who can tease me like this, even if the way Serin's eyes sparkle with mischief sends an unexpected flutter through my chest.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Just wait until we find these goblins,"</span> I say with mock confidence. <span class="dialog-rylan">"I'll show you both some real adventuring skills."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Should we bring some slime-resistant gear, just in case?"</span> Serin asks innocently, her tone sweet but her smile decidedly wicked. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"And maybe a backup plan for when our fearless leader trips again?"</span> Seryk adds helpfully, his grin showing he's thoroughly enjoying this. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I shake my head and continue walking, though I can't help but chuckle at their antics. As we continue deeper into the forest, the sound of our laughter echoes through the trees, making even this goblin hunt feel more like an adventure with friends than a dangerous mission. Though I can't shake the awareness of how close Serin keeps walking beside me, or the way Seryk's confident presence seems to fill the space around us.</p> <div style="clear: left;"></div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">After walking for another ten minutes, still sharing stories and jokes, we finally hear rustling in the bushes ahead. It seems like we're about to encounter our first goblins.</p> <div style="margin-bottom: 20px;"> <span class="dialog-rylan">"Alright, jokes aside, let's focus. Time to show you both that I've actually improved since my exams."</span> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Combat Preparation</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Prepare for combat.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Prepare for combat|GoblinEncounter1]]</div></div></div> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('goblinhordeencounter.mp3');<</script>> <div class="goblin-cave-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/enemies/goblinhorde.webp" style="width: 800px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The cavern is filled with goblins. Not just three - dozens of them. They're scattered throughout the cave in distinct groups: a massive cluster of at least twenty in the center, a large group of about fifteen on the right, and a smaller but still dangerous group of eight or so on the left.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">All eyes turn toward me as I freeze in the entrance, my dramatic charge suddenly seeming incredibly foolish. The cave fills with the sound of cruel goblin laughter and the scraping of weapons being drawn.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Oh... oh no..."</span> I whisper, my sword suddenly feeling very heavy in my hands. <div style="clear: left;"></div> </div> </div> <div class="rescue-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Fortunately, Serin and Seryk arrive just moments after me, bursting into the cave with weapons ready.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Bro, you need to calm down,"</span> Seryk says firmly but not unkindly, moving to stand beside me. <span class="dialog-seryk">"This is exactly what happened during your exams - acting without thinking. You're the leader here, which means you need to make strategic decisions, not charge in screaming."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">His words sting because they're true, but there's no time to dwell on it. The goblins are organizing themselves, and we need a plan.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"We need to split up and take them in groups,"</span> Serin says, analyzing the situation quickly. <span class="dialog-serin">"I can handle the large group on the right - about fifteen of them. My agility and combat experience should be enough."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"That leaves the center and left groups,"</span> Seryk notes, studying the cave layout. <span class="dialog-seryk">"I suggest I take the biggest group in the middle - there's at least twenty of them, but my demon strength can handle it. That would leave you with the smaller group on the left, <<print $humanName>>. What's your call?"</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The choice hangs in the air. As the leader, it's my decision. But something about the way Seryk suggested the split makes me wonder if I should insist on taking the larger, more dangerous group myself to prove my worth...</p> </div> <div class="critical-choice-section" style="background: linear-gradient(to bottom, rgba(150, 50, 50, 0.3), rgba(100, 30, 30, 0.3)); border: 2px solid #ff6b6b; border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="text-align: center; margin-bottom: 20px;"> <h3 style="color: #ff9999; font-size: 1.4em; margin-bottom: 10px;">⚠️🔥 CRITICAL STORY DECISION ⚠️🔥</h3> <p style="color: #ffcccc; font-size: 1.1em; font-weight: bold;">This choice will permanently affect major story routes and cannot be changed later!</p> </div> <div style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; padding: 15px; margin-bottom: 15px;"> <p style="color: #ffdddd; font-size: 1em; line-height: 1.5;">🚨 <strong>WARNING:</strong> Your decision here will determine access to major character development paths involving Liora and other party members. Choose carefully based on the type of story you want to experience.</p> </div> <div class="choice-explanation" style="margin-bottom: 20px;"> <p style="color: #c8d8c8; font-size: 1em; line-height: 1.5;">As the leader, I need to decide how to split our forces. This decision will affect not just this battle, but the entire dynamics of our group going forward...</p> </div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"><div style="margin-bottom: 20px;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">Seryk's plan makes tactical sense, but part of me wants to prove I can handle the bigger challenge...</p> </div> <div style="margin-bottom: 15px;"> <div style="background: rgba(200, 100, 100, 0.2); border: 1px solid rgba(255, 150, 150, 0.3); border-radius: 6px; padding: 15px; margin-bottom: 10px;"> <p style="color: #ffcccc; font-size: 0.9em; margin-bottom: 8px;"><strong>🔒 Path A Warning:</strong> Opens Seryk x Liora NTR route</p> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Insist on taking the biggest group myself - "No, I should handle the center group. I need to prove myself as leader."|GoblinSplitRylanCenter]]</div> </div> <div style="background: rgba(100, 100, 200, 0.2); border: 1px solid rgba(150, 150, 255, 0.3); border-radius: 6px; padding: 15px;"> <p style="color: #ccccff; font-size: 0.9em; margin-bottom: 8px;"><strong>🔒 Path B Warning:</strong> Locks out Seryk x Liora NTR route</p> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Accept Seryk's tactical plan - "Your plan makes sense. You take the center, I'll handle the left group."|GoblinSplitOriginalPlan]]</div> </div> </div> </div> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('battle/2.mp3');<</script>><<set $serykxliorantr = false>><<set $rylan_confidence += 2>><<set $serin_RylanAffection += 2>><<set $seryk_RylanAffection += 3>><<set $rylan_SerykAffection += 2>><<set $rylan_SerinAffection += 1>><<trackAffection "Serin" "Rylan" 2>><<trackAffection "Seryk" "Rylan" 3>><<trackAffection "Rylan" "Seryk" 2>><<trackAffection "Rylan" "Serin" 1>><<trackOther "Rylan" "confidence" 2>> <div class="battle-success-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="tactical-decision" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/enemies/goblinhorde.webp" style="width: 800px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I take a deep breath, looking at the three groups of goblins spread throughout the cave. Seryk's plan makes perfect tactical sense - he's clearly the strongest among us, and it would be foolish for me to let pride override good strategy.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You're right, Seryk. Your plan makes the most sense tactically,"</span> I say with newfound maturity. <span class="dialog-rylan">"You take the center group - they're the biggest threat. I'll handle the left group. That way we can work efficiently as a team."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facegrin.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Now that's leadership, bro!"</span> Seryk grins, his respect for me clearly growing. <span class="dialog-seryk">"Good tactical thinking. Let's do this!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I'm impressed, <<print $humanName>>,"</span> Serin says with genuine approval. <span class="dialog-serin">"That's exactly the kind of decision-making a real leader makes. Alright, let's execute this plan!"</span> <div style="clear: left;"></div> </div> <div class="battle-execution" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The battle unfolds exactly as planned. Our coordination is flawless - we each engage our designated groups simultaneously, working as a well-oiled team.</p> <center><img src="images/serin/poses/blockingknives.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Serin moves like a whirlwind through her group of fifteen goblins, her superior agility and combat experience allowing her to take them down systematically. Her breathing is controlled, her movements precise.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"These goblins are no match for us!"</span> she calls out between strikes, her voice steady and confident. <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/fight.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Seryk handles his massive group of twenty goblins with impressive efficiency. His demon strength allows him to take down multiple enemies with each strike, but I notice he's not holding back like before - he's fighting at full capacity.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"This is what teamwork looks like!"</span> he shouts, clearly pleased with how our plan is working. <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Meanwhile, I'm facing my group of eight goblins with newfound confidence. My tactical decision has given me the mental clarity I needed, and my training is really showing through.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceconfident.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Come on then!"</span> I call out to my group, my sword work smooth and controlled. <span class="dialog-rylan">"Let's finish this!"</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Unlike my previous attempts at combat, I'm not charging recklessly. Instead, I'm using proper footwork, maintaining my guard, and picking my strikes carefully. The improvement from my exam failures is remarkable.</p> </div> <div class="victory-section" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Within minutes, the last goblin falls. All three groups have been eliminated with minimal effort thanks to our coordinated approach. We stand among the defeated enemies, breathing steadily but not exhausted.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Good job, <<print $humanName>>,"</span> Serin says with a nod of approval. <span class="dialog-serin">"That was smart thinking - following the plan instead of charging ahead."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facegrin.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Not bad, bro!"</span> Seryk grins, clapping me on the shoulder. <span class="dialog-seryk">"You're getting better at this whole leadership thing."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Thanks,"</span> I reply, feeling satisfied with how things went. <span class="dialog-rylan">"I'm starting to understand that good teamwork beats trying to do everything yourself."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Exactly. Much better than your usual charging-in approach,"</span> Serin adds with a slight smirk. <span class="dialog-seryk">"We work well together,"</span> Seryk nods. <span class="dialog-seryk">"Keep making decisions like that and we'll be fine."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The praise from my teammates fills me with a warm sense of accomplishment. This feels different from my previous victories - it's not just about succeeding, but about succeeding the right way, as part of a team.</p> </div> <div class="reunion-preparation" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we prepare to leave the cave, Serin glance around at the goblin corpses with satisfaction.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Well, we definitely exceeded the guild's request for five goblins,"</span> she chuckles. <span class="dialog-serin">"Elena's going to be impressed with this report."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"More importantly, the herb gatherers won't have to worry about goblin attacks for a while,"</span> Seryk adds. <span class="dialog-seryk">"This should send a clear message to any other goblins in the area."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"We should head back to Liora,"</span> I say, checking the cave entrance. <span class="dialog-rylan">"She's been alone for a while now, and I want to make sure she found those Moonbell flowers safely."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Good thinking,"</span> Serin agrees. <span class="dialog-serin">"Let's go collect our healer and head back to town. I'm sure she'll be relieved to see us return in one piece."</span> <span class="dialog-seryk">"Little Bird's probably gathered enough flowers to supply the whole village by now,"</span> Seryk grins. <span class="dialog-seryk">"She's thorough like that."</span> <div style="clear: left;"></div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Mission Accomplished</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to reunite with Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the flower clearing to meet Liora|ReturnToLioraSuccessful]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<set $serykxliorantr = true>><<set $rylan_confidence += 1>><<set $serin_RylanAffection -= 1>><<set $seryk_RylanAffection -= 2>><<trackAffection "Serin" "Rylan" -1>><<trackAffection "Seryk" "Rylan" -2>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Perspective Switch 📖<br><span style="color: #ff69b4;">Switching to Liora's view...</span><br><img src="images/liora/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #ff69b4; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <<goto "LioraWorryingNTR">> <</timed>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $timeOfDay = "evening">><<set $mariel_LioraAffection += 1>><<set $serin_RylanAffection -= 1>><<trackAffection "Mariel" "Liora" 1>><<trackAffection "Serin" "Rylan" -1>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Perspective Switch 📖<br><span style="color: #90EE90;">Switching to Serin's view...</span><br><img src="images/serin/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #90EE90; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <div class="home-arrival-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanhome.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>From Serin's perspective...</em></p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We finally reach the house as the sun begins to set, all of us tired from the long day of goblin hunting. As we step through the front door, I can smell something delicious cooking in the kitchen - Mariel has been preparing dinner.</p> <center><img src="images/mariel/kitchen.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Mariel emerges from the kitchen with a warm smile, wiping her hands on her apron, but her expression immediately changes to shock when she sees Liora's condition.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceshock.webp" alt="Mariel" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-mariel">"Liora! Oh my goodness, what happened to you?!"</span> Mariel rushes over, her maternal instincts kicking in immediately. <span class="dialog-mariel">"Your dress is torn, you're dirty, and you look exhausted!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I watch as Liora forces a bright smile, though I can see the strain in her eyes. Something about her seems different - more subdued than usual.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"I'm fine, Mariel, really!"</span> Liora says with forced cheerfulness. <span class="dialog-liora">"Just a little adventure in the forest. Nothing I couldn't handle."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/faceworried.webp" alt="Mariel" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-mariel">"Are you hurt? Did you get medical attention? Let me look at you..."</span> Mariel reaches out to examine Liora, but the younger woman gently steps back. <span class="dialog-liora">"I'm perfectly fine, I promise. I just need a hot bath and some clean clothes."</span> Liora holds up the pouch of Moonbell flowers. <span class="dialog-liora">"Serin, could you please take these to Nimeria? I'd deliver them myself, but I really want to get cleaned up."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I take the pouch from her hands, noticing how she seems eager to avoid more questions about what happened.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Of course, no problem,"</span> I say, taking the flower pouch. <span class="dialog-serin">"You go get cleaned up."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" alt="Seryk" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-seryk">"I'm going to head up to my room,"</span> Seryk announces, stretching his powerful arms. <span class="dialog-seryk">"Been a long day. See everyone at dinner."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As Seryk heads upstairs and Liora disappears toward the bathroom, I notice <<print $humanName>> lingering near the stairs, his face creased with worry.</p> </div> <div class="serin-thoughts" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">After Mariel returns to the kitchen, <<print $humanName>> approaches me with that concerned expression he always gets when something's wrong with Liora.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceworried.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Serin, I'm really worried about Liora,"</span> he says quietly, glancing toward the stairs. <span class="dialog-rylan">"Something seems off about her since what happened in the forest. She's acting like everything's fine, but..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Yeah, poor girl,"</span> I agree outwardly, keeping my voice sympathetic. <span class="dialog-serin">"Being chased by goblins like that... it must have been terrifying for her."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-serin">Like always, he only has eyes for Liora...</span> I think bitterly, watching his worried expression. <span class="dialog-serin">Even after everything we went through today, all the fighting side by side, all he can think about is her. Always her.</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I just feel like it's my fault, you know? If I hadn't made that stupid decision to split up, if I hadn't let those goblins escape the cave..."</span> <span class="dialog-serin">"Hey, don't blame yourself,"</span> I say, though part of me is frustrated by his self-recrimination. <span class="dialog-serin">"We all made it back safely, and that's what matters. Liora's tough - she'll be fine."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #90EE90; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-serin">And there he goes again, making everything about her. What about me? What about how I fought today, how I handled fifteen goblins by myself? Does any of that matter to him, or am I just... invisible when she's around?</span></p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I clutch the pouch of Moonbell flowers a bit tighter, forcing myself to maintain a supportive expression while my own feelings churn inside.</p> </div> <div class="departure-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I should probably head back to the guild to give Elena a proper report about what happened,"</span> <<print $humanName>> says, though his eyes keep drifting toward the stairs where Liora went. <span class="dialog-rylan">"The goblin numbers were way higher than expected. She needs to know for future missions."</span> <span class="dialog-serin">"Good idea,"</span> I nod, hefting the flower pouch. <span class="dialog-serin">"I'll take these to Nimeria and then help Mariel with dinner prep."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As <<print $humanName>> heads back toward town and the guild hall, I make my way to the sitting room where I can hear the soft sound of pages turning. Nimeria is probably reading one of her research books again.</p> <p style="line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-serin">At least someone might actually appreciate the work I did today...</span> I think as I approach the sitting room door.</p> </div> </div> <</timed>> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Flower Delivery</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to deliver the flowers.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue to deliver the flowers|SerinDeliverFlowers]]</div></div></div> <<statSummary>> <<changeFace $currentSerinFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $rylan_LioraAffection += 2>><<set $liora_RylanAffection += 2>><<set $rylan_LioraAttraction += 1>><<set $liora_RylanAttraction += 1>><<trackAffection "Rylan" "Liora" 2>><<trackAffection "Liora" "Rylan" 2>><<trackAttraction "Rylan" "Liora" 1>><<trackAttraction "Liora" "Rylan" 1>> <div class="hug-scene-container" style="background: linear-gradient(to bottom, rgba(255, 192, 203, 0.3), rgba(255, 182, 193, 0.4)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="hug-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/rylanhug/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">My heart races as I look into her eyes, and for a moment I consider... but no. This moment is too precious to rush. Instead, I open my arms and pull her into a warm, gentle embrace.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She melts into my arms perfectly, her head resting against my chest as I hold her close. The scent of her hair mingles with the roses she's holding, creating a memory I'll treasure forever.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"This feels so nice..."</span> she whispers against my chest, her voice soft and content. <span class="dialog-liora">"I feel so safe with you, <<print $humanName>>."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"I'll always keep you safe, Liora,"</span> I murmur softly, my cheek gently pressed against hers. <span class="dialog-rylan">"Always."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We stay like that for what feels like forever, just holding each other by the fountain. It's intimate without being overwhelming, perfect without being rushed.</p> </div> <div class="gentle-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">When we finally part, there's something in her eyes - not disappointment, but a soft understanding. As if she knows that this gentle approach means I respect her, that I want to take things slow.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"Thank you for today, <<print $humanName>>. For everything."</span> She looks down at her flowers, then back up at me with a shy smile. <span class="dialog-liora">"I had the most wonderful time."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"So did I. We should do this again soon."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we walk home together, our hands occasionally brush, sending little thrills through me. There's no rush - we have all the time in the world to see where this leads.</p> </div> <div class="walk-home" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The walk home is peaceful, filled with comfortable conversation and shared laughter. Every now and then, Liora glances at me with that same soft expression from the fountain.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"You know,"</span> she says quietly as we near home, <span class="dialog-liora">"I think today was exactly what I needed. No pressure, no rushing... just us, being together."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"That's all I ever want, Liora. Just to be with you, however feels right."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Her smile in response tells me I made the right choice. Some moments are worth waiting for, and rushing might have spoiled the magic we've built today.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Perfect Day</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A perfect day ends with gentle affection.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Meanwhile...|SerinAndNimeria]]</div></div></div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="rylan-decision-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="contemplation" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanroom.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I sit on my bed, still processing everything that happened today. The mission was successful, but I can't shake the feeling that I failed Liora somehow. She got hurt because of my recklessness, and that guilt weighs heavily on my heart.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan" style="font-style: italic;">"I should check on her,"</span> I think to myself, glancing toward the door. <span class="dialog-rylan" style="font-style: italic;">"Make sure she's really okay after what happened in that cave."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">But then I hesitate. She might be resting, or maybe she needs some time alone to process what happened. I don't want to overwhelm her with my own guilt and worry.</p> </div> <div class="internal-debate" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan" style="font-style: italic;">"On the other hand, she might appreciate knowing that I care, that I'm thinking about her."</span> <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">My feelings for Liora have been growing stronger each day. Today's events made me realize just how much she means to me, how terrified I was of losing her. Maybe it's time to be honest about those feelings.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan" style="font-style: italic;">"But I should also be considerate of her needs. If she's tired or needs space..."</span> <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I run my hands through my hair, torn between my desire to see her and my respect for her space. What would be the right thing to do?</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">What should I do?</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose your next action.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;"><<link "Visit Liora now - I need to make sure she's okay" "RylanVisitsLioraNow">><<set $visitChoice = "now">><</link>></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin-top: 10px;"><<link "Give her some space for now - I'll check on her later" "LioraAfterShower">><<set $visitChoice = "later">><</link>></div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ismiledasthevillageburnt.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="chapter-finale-container"> <div class="flames-background"></div> <div class="chapter-title">End of Chapter 2 - I Smiled As The Village Burnt</div> <div class="visual-confrontation"> <div class="character-left"> <img src="images/nimeria/facesmile.webp" class="character-portrait nimeria-portrait"> </div> <div class="center-image"> <img src="images/landscapes/burningvillage.webp" class="burning-village"> </div> <div class="character-right"> <img src="images/seryk/faceangry.webp" class="character-portrait seryk-portrait"> </div> </div> </div> <<changeFace $currentNimeriaFace>> <style> .chapter-finale-container { background: linear-gradient(135deg, rgba(139, 0, 139, 0.9), rgba(75, 0, 130, 0.95), rgba(25, 25, 112, 0.9)); min-height: 100vh; padding: 20px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; } .flames-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 69, 0, 0.15) 0%, rgba(255, 140, 0, 0.1) 25%, rgba(255, 215, 0, 0.05) 50%, transparent 75%); animation: flameFlicker 4s ease-in-out infinite alternate; pointer-events: none; z-index: 1; } @keyframes flameFlicker { 0% { opacity: 0.3; transform: scaleY(1) rotate(0deg); } 25% { opacity: 0.7; transform: scaleY(1.1) rotate(1deg); } 50% { opacity: 0.4; transform: scaleY(0.9) rotate(-1deg); } 75% { opacity: 0.8; transform: scaleY(1.2) rotate(0.5deg); } 100% { opacity: 0.5; transform: scaleY(1) rotate(-0.5deg); } } .chapter-title { font-size: 4em; font-weight: bold; text-align: center; background: linear-gradient(45deg, #ff6b6b, #ffd700, #ff8c00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 110px; animation: titleGlow 3s ease-in-out infinite alternate; z-index: 10; position: relative; letter-spacing: 2px; } @keyframes titleGlow { 0% { filter: drop-shadow(0 0 20px rgba(255,107,107,0.4)); transform: scale(1); } 100% { filter: drop-shadow(0 0 40px rgba(255,107,107,0.8)); transform: scale(1.02); } } .visual-confrontation { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1200px; position: relative; z-index: 10; } .character-left { flex: 1; text-align: center; animation: slideInLeft 2s ease-out; } .character-right { flex: 1; text-align: center; animation: slideInRight 2s ease-out; } .center-image { flex: 1; text-align: center; animation: fadeInUp 2.5s ease-out; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(50px) scale(0.8); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .character-portrait { width: 300px; height: 300px; border-radius: 50%; border: 5px solid rgba(255,255,255,0.3); animation: portraitPulse 4s ease-in-out infinite; } .nimeria-portrait { border-color: rgba(221,160,221,0.8); box-shadow: 0 0 40px rgba(221,160,221,0.5); } .seryk-portrait { border-color: rgba(135,206,235,0.8); box-shadow: 0 0 40px rgba(135,206,235,0.5); } @keyframes portraitPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .burning-village { width: 400px; height: 300px; border-radius: 20px; border: 5px solid rgba(255,69,0,0.8); box-shadow: 0 0 60px rgba(255,69,0,0.7); animation: fireGlow 3s ease-in-out infinite alternate; } @keyframes fireGlow { 0% { border-color: rgba(255,69,0,0.8); box-shadow: 0 0 60px rgba(255,69,0,0.7); transform: scale(1); } 100% { border-color: rgba(255,140,0,1); box-shadow: 0 0 100px rgba(255,69,0,1); transform: scale(1.02); } } </style> <div style="text-align: center; margin-top: 40px; position: relative; z-index: 15;"> <div style="background: rgba(25,25,112,0.8); padding: 20px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> [[Continue to Chapter 3|POVTransitionChapter2ToChapter3]] </div> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $rylanFirstKiss = "Liora">><<set $lioraFirstKiss = "Rylan">><<set $rylan_kissExperience += 1>><<set $liora_kissExperience += 1>><<set $rylan_sexualExperience += 1>><<set $liora_sexualExperience += 1>><<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<addSoulBlessing "rylan" 1>><<addSoulBlessing "liora" 1>><<set $rylan_LioraAffection += 3>><<set $liora_RylanAffection += 3>><<set $rylan_LioraAttraction += 2>><<set $liora_RylanAttraction += 2>><<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 3>><<trackAttraction "Rylan" "Liora" 2>><<trackAttraction "Liora" "Rylan" 2>><<trackExperience "Rylan" "kiss" 1>><<trackExperience "Liora" "kiss" 1>><<trackOther "Rylan" "blessing" 1>><<trackOther "Liora" "blessing" 1>> <div class="kiss-scene-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.4), rgba(255, 192, 203, 0.5)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="kiss-moment" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/rylankiss/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Time seems to stop as I lean closer to her. My heart pounds so loudly I'm sure she can hear it, but I can't stop myself. This moment feels too perfect, too right to let slip away.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">When our lips meet, it's soft and gentle - everything I imagined it would be and more. She tastes sweet, like the honey cakes we shared, and her lips are warm against mine.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh... <<print $humanName>>..."</span> she breathes when we part, her cheeks flushed pink and her eyes wide with wonder. <span class="dialog-liora">"That was... that was my first..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Mine too,"</span> I whisper, still close enough to feel her breath on my face. <span class="dialog-rylan">"I'm glad it was with you, Liora."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She smiles then, radiant and beautiful, and I know this moment will be etched in my memory forever. Our first kiss, by the fountain, with the flowers she's still clutching in her hand.</p> <div class="soul-blessing-showcase" style="background: linear-gradient(45deg, rgba(255, 215, 0, 0.3), rgba(255, 255, 255, 0.4)); border: 2px solid rgba(255, 215, 0, 0.6); border-radius: 8px; padding: 15px; margin: 20px 0; text-align: center;"> <p style="color: #ffd700; font-weight: bold; margin-bottom: 10px;">✨ Soul Blessing Gained ✨</p> <p style="color: #fffacd; font-style: italic;">Pure love and innocent affection strengthen both their souls...</p> </div> <div class="aftermath" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We walk home hand in hand, both of us glowing with happiness. The familiar path seems different now - brighter, more hopeful. Everything has changed with that one perfect kiss.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'll never forget today, <<print $humanName>>. The flowers, the bakery, and... this."</span> She squeezes my hand gently. <span class="dialog-liora">"Thank you for making it so special."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Neither will I. Today was perfect, Liora. You're perfect."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we reach home, I know that this is just the beginning of our story together. Whatever challenges await us, we'll face them side by side.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #ffc0cb; font-size: 1.1em; margin-bottom: 20px;">A perfect first kiss marks the beginning of something beautiful... and sets their relationship on a new path.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Meanwhile</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Elsewhere in the story...</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Meanwhile...|SerinAndNimeria]]</div></div></div> </div> <<soulDisplay "rylan">> <<soulDisplay "liora">> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $liora_Lust += 10>><<trackLust "Liora" 10>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Meanwhile... 📖<br><span style="color: #87CEEB;">Switching to Liora's view...</span><br><img src="images/liora/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #87CEEB; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <<set $currentFace = $currentLioraFace>> <div class="liora-scene-container" style="background: linear-gradient(to bottom, rgba(80, 60, 80, 0.8), rgba(60, 40, 60, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="bedroom-scene" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanroom.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit on the edge of my bed, having just finished my shower and changed into my soft pink pajamas. The warm water should have washed away the stress of today's mission, but instead, I feel... strange. Different.</p> <center><img src="images/liora/sleepwear.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"Why do I feel so hot?"</span> I whisper to myself, pressing my palms against my flushed cheeks. Even through the thin fabric of my pajamas, my skin feels warm and sensitive.</p> </div> <div class="confusion-scene" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">My thoughts drift back to what happened in the cave. That potion Seryk gave me to restore my mana... it was so strange.</p> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"At first it was so bitter,"</span> I murmur, touching my lips unconsciously. <span class="dialog-liora">"But then... it became sweeter. The more I drank, the sweeter it got."</span></p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">There was something about the way Seryk looked at me while I was drinking it. Something that made my heart race in a way I don't understand. And now this strange warmth won't leave my body...</p> </div> <div class="innocent-discovery" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I shift uncomfortably on the bed, trying to find a position that feels right. There's an odd sensation between my legs that I can't quite place. It's not pain, but it's... distracting.</p> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Hesitantly, I reach down and press my hand against the soft fabric of my pajama bottoms. The material feels... damp? But why would it be damp? I just dried off completely after my shower.</p> <center><img src="images/liora/chapter2/ntr2/touchingpants.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"That's... odd,"</span> I whisper, my cheeks burning even hotter. <span class="dialog-liora">"Why would I be wet there? Did I not dry off properly?"</span></p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The innocent confusion fills my mind as I try to understand what's happening to my body. I've never felt anything like this before, and it's both concerning and somehow... not entirely unpleasant.</p> </div> <div class="interruption" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Just as I'm about to examine myself further, trying to understand these strange new sensations...</p> <center><div style="background: rgba(255,100,100,0.3); padding: 15px; border-radius: 8px; margin: 20px 0;"><p style="color: #ffdddd; font-size: 1.2em; font-weight: bold; margin: 0;">*Knock knock knock*</p></div></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I quickly pull my hand away and sit up straighter, my heart pounding from the sudden interruption.</p> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"Y-yes? Who is it?"</span> I call out, my voice slightly higher than usual from the surprise and embarrassment.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #87CEEB; font-size: 1.1em; margin-bottom: 20px;">Seryk's influence lingers in her body, awakening feelings she doesn't yet understand...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Seryk's Visit</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Seryk comes to visit Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SerykVisitsLiora]]</div></div></div> </div> <</timed>> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $liora_Lust += 10>><<trackLust "Liora" 10>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 A little later... 📖<br><span style="color: #87CEEB;">Staying with Liora's view...</span><br><img src="images/liora/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #87CEEB; margin-top: 10px;"></div></center> <</timed>> <<set $currentFace = $currentLioraFace>> <div class="liora-scene-container" style="background: linear-gradient(to bottom, rgba(80, 60, 80, 0.8), rgba(60, 40, 60, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="bedroom-scene" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanroom.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit on the edge of my bed after <<print $humanName>> leaves, my heart still racing from our time together. The conversation was wonderful, and his presence always makes me feel so safe and cared for.</p> <<if $lioraFirstKiss === "Rylan">> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">My fingertips drift to my lips, still tingling from our first kiss. It was so sweet, so perfect... exactly what I always dreamed it would be like.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"My first kiss was with <<print $humanName>>,"</span> I whisper to myself, a warm glow spreading through my chest. <span class="dialog-liora">"It was everything I hoped for."</span> <div style="clear: left;"></div> </div> <<else>> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The warm hug we shared filled me with such a sense of security and love. I can still feel his arms around me, protective and gentle.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"He cares about me so much,"</span> I think contentedly. <span class="dialog-liora">"I'm so lucky to have someone like him in my life."</span> <div style="clear: left;"></div> </div> <</if>> </div> <div class="peaceful-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I change into my soft pink pajamas, feeling much more at peace than I did after the mission. Having <<print $humanName>> check on me made everything feel right again.</p> <center><img src="images/liora/sleepwear.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Though as I settle onto my bed, I notice there's still a strange warmth in my body. Not the uncomfortable heat from before, but something different. Something that makes my skin feel more sensitive than usual.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Why do I still feel so... warm?"</span> I wonder aloud, pressing my palms against my flushed cheeks. <div style="clear: left;"></div> </div> </div> <div class="strange-sensations" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I shift uncomfortably on the bed, trying to understand these unfamiliar sensations. There's an odd feeling between my legs that I can't quite place. It's not unpleasant, but it's... distracting.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Hesitantly, I reach down and press my hand against the soft fabric of my pajama bottoms. The material feels... damp? But why would it be damp? I just changed into clean clothes.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"That's... strange,"</span> I whisper, confusion filling my voice. <span class="dialog-liora">"Is this normal? I don't understand what's happening to my body..."</span> <div style="clear: left;"></div> </div> </div> <div class="interruption" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Just as I'm about to examine myself further, trying to understand these strange new sensations...</p> <center><div style="background: rgba(255,100,100,0.3); padding: 15px; border-radius: 8px; margin: 20px 0;"><p style="color: #ffdddd; font-size: 1.2em; font-weight: bold; margin: 0;">*Knock knock knock*</p></div></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I quickly pull my hand away and sit up straighter, my heart pounding from the sudden interruption.</p> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"Y-yes? Who is it?"</span> I call out, my voice slightly higher than usual from the surprise and embarrassment.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Strange Sensations</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Her body carries strange sensations.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SerykVisitsLioraNow]]</div></div></div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('battle/goblinfightdesperate.mp3');<</script>><<set $liora_Lust += 5>><<set $liora_manaExhaustion = true>><<set $liora_magicalBacklash = true>><<set $liora_RylanAffection += 3>><<set $liora_SerykAffection += 2>><<set $liora_SerinAffection += 1>><<set $liora_confidence -= 2>><<trackAffection "Liora" "Rylan" 3>><<trackAffection "Liora" "Seryk" 2>><<trackAffection "Liora" "Serin" 1>><<trackOther "Liora" "confidence" -2>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Perspective Switch 📖<br><span style="color: #ff69b4;">Switching to Liora's view...</span><br><span style="color: #ffdddd; font-size: 0.8em;">30 minutes ago...</span><br><img src="images/liora/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #ff69b4; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <div class="liora-ambush-container" style="background: linear-gradient(to bottom, rgba(100, 60, 60, 0.8), rgba(80, 40, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/violetflowers.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>From Liora's perspective, 30 minutes ago...</em></p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I'm still kneeling among the Moonbell flowers, carefully placing the last few blue-glowing blooms into my gathering pouch. The peaceful clearing has been my sanctuary for the past hour, and I've managed to collect more than enough for Nimeria's research.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"This should be plenty,"</span> I murmur to myself, admiring the soft blue glow emanating from my pouch. <span class="dialog-liora">"Nimeria will be so pleased with these specimens."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But then I hear it - the sound of rustling bushes, followed by crude laughter. My blood runs cold as I recognize the unmistakable chattering of goblins.</p> </div> <center><img src="images/liora/chapter2/ntr1/goblinsflower.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Kekeke! Look what we find!"</span> a goblin voice cackles from the treeline. <span class="dialog-male-npc">"Pretty human girl, all alone!"</span> <span class="dialog-male-npc">"Boss said run from demon, but this one easy prey!"</span> another adds with malicious glee. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Four goblins emerge from different directions, surrounding me in the clearing. My heart pounds as I realize I'm completely trapped - there are more goblins in this forest than we thought!</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Stay back!"</span> I cry out, scrambling to my feet. <span class="dialog-liora">"I'm warning you!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Kekeke! What warning? You just girl! No scary demon here to protect you!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Without waiting for them to get closer, I turn and run. My only chance is to escape in the opposite direction from where they came, hoping to reach the others or find somewhere to hide.</p> </div> <div class="chase-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/ntr1/escaping.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I run as fast as my legs can carry me, my pink dress catching on branches and thorns as I crash through the underbrush. Behind me, I can hear the goblins giving chase, their cruel laughter echoing through the forest.</p> <span class="dialog-male-npc">"Run, little human! Make it fun for us!"</span> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Suddenly, a sharp pain explodes across my shoulder as a thrown stone strikes me. I stumble but keep running, immediately casting a healing spell on myself.</p> <span class="dialog-liora">"Healing Light!"</span> I gasp, feeling the warm magic mend the bruise. But more stones follow, forcing me to heal again and again. <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Each spell drains my mana reserves. I can feel my magical energy depleting rapidly as I'm forced to heal cut after cut, bruise after bruise from the relentless barrage of stones.</p> <span class="dialog-liora">"Healing Light... Healing Light..."</span> I whisper desperately, my voice growing weaker with each cast. <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Finally, my mana reserves hit empty. The familiar warm feeling of healing magic simply won't come, no matter how hard I try to cast the spell.</p> <span class="dialog-liora">"No... please... Healing Light!"</span> I try again desperately, but nothing happens. <span class="dialog-liora">"Come on!"</span> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Even without mana, I keep trying to force the healing magic out, driven by desperation and fear. Each failed attempt sends a small jolt of pain through my body, but I can't stop trying.</p> </div> <div class="cave-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/landscapes/forestcave.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Ahead, I spot a small cave entrance partially hidden by hanging vines. It's my only chance! I dive inside, pressing myself against the cold stone wall and trying to control my ragged breathing.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The goblins' voices grow closer, and I continue desperately trying to cast healing magic, even though I have no mana left. The magical strain is becoming unbearable.</p> <span class="dialog-liora">"Healing Light... please..."</span> I whisper, tears streaming down my face as I try once more to force the spell. <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Suddenly, an excruciating pain shoots through my entire body - like being struck by lightning. My magical circuits, strained beyond their limits, are rebelling against my desperate attempts to cast without mana.</p> <center><img src="images/liora/chapter2/ntr1/woundedcave.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I collapse to my knees, sobbing silently as the magical backlash courses through me. This is what happens when a mage pushes too far beyond their limits - the body's own magical defenses turn against them.</p> <span class="dialog-male-npc">"Where little human go? She here somewhere!"</span> <span class="dialog-male-npc">"Check behind rocks! She no can run far!"</span> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The goblin voices are right outside the cave now. I close my eyes tightly, trying to make myself as small as possible, and whisper a silent prayer.</p> <span class="dialog-liora"><<print $humanName>>... please... save me...</span> I think desperately, my heart crying out for the one person I trust most. <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Then I hear it - terrible screaming. Not goblin laughter, but screams of genuine terror and pain. Something is happening outside the cave...</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The screaming continues, and I can only hope that somehow, someway, rescue has arrived...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Rescue Arrives</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the rescue scene.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|LioraRescue]]</div></div></div> </div> </div> <</timed>> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>> <div class="chapter-container" style="background: linear-gradient(to bottom, rgba(100, 60, 100, 0.8), rgba(80, 40, 80, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/violetflowers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>From Liora's perspective...</em></p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I kneel among the wildflowers in the peaceful clearing, carefully gathering the blue-glowing Moonbell flowers that Nimeria requested. It's been over an hour since the others left to hunt goblins, and the silence is starting to worry me.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">They should have found some goblins by now...</span> I murmur to myself, my hands trembling slightly as I place another Moonbell in my gathering pouch. <span class="dialog-liora">What if something happened? What if <<print $humanName>> is in trouble again?</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">He's always trying so hard to prove himself, ever since his failed exam. What if this time he's pushed himself too far?</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">And then, in the distance, I hear it - the unmistakable sounds of combat. Clashing metal, shouts, and what sounds like... a lot of goblins.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">Oh no... there are so many of them...</span> I breathe, my worst fears seeming to come true. <div style="clear: left;"></div> </div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The sounds of battle grow louder, and my heart pounds with worry for my friends...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Battle Continues</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Liora hears the sounds of combat and worries for her friends.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|GoblinBattleResolutionNTR]]</div></div></div> </div> </div> <</nobr>> <<statSummary>> <<changeFace $currentLioraFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $currentFace = $currentLioraFace>><<addSoulCorruption "liora" 1>><<set $liora_SerykAttraction = ($liora_SerykAttraction || 0) + 2>><<trackAttraction "Liora" "Seryk" 2>><<trackOther "Liora" "corruption" 1>> <div class="liora-reflection-container" style="background: linear-gradient(to bottom, rgba(80, 40, 60, 0.8), rgba(60, 20, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="inner-thoughts" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">After <<print $humanName>> leaves my room, I sit on my bed in stunned silence, my fingertips still touching my lips where he kissed me.</p> </div> <center><img src="images/liora/chapter2/ntr2/ntrface1.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The kiss was sweet, gentle, filled with love... everything I should want. Everything I've dreamed of. So why...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"Why didn't I feel anything like what I felt with Seryk?"</span> I whisper to myself, confusion clouding my thoughts. <div style="clear: left;"></div> </div> </div> <div class="comparing-kisses" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">When Seryk kissed me, my entire body had erupted in sensations I didn't even know existed. That electric shock, those waves of pleasure that made me tremble and moan against his lips...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But with <<print $humanName>>... it was nice. Warm. Comfortable. But there was no fire, no overwhelming surge of desire that made me lose control.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"I don't even like Seryk that way,"</span> I tell myself firmly. <span class="dialog-liora" style="font-style: italic;">"He's... he's practically a stranger. And what he did was wrong."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But even as I think this, I can't deny the truth my body experienced. The way my heart raced, the way I completely lost myself in that moment...</p> </div> </div> <div class="confusion-growing" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What's wrong with me?"</span> I wonder, feeling tears prick at the corners of my eyes. <span class="dialog-liora" style="font-style: italic;">"I love <<print $humanName>>. I've loved him for so long. So why..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I try to push the thoughts away, but they keep circling back. The memory of Seryk's lips, the way his presence seemed to awaken something deep within me that I didn't even know existed.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"Maybe it was just because it was my first kiss,"</span> I try to rationalize. <span class="dialog-liora" style="font-style: italic;">"Maybe that's why it felt so intense. It had nothing to do with... with him specifically."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But deep down, I know I'm lying to myself. There was something about Seryk, something that called to a part of me I never knew existed.</p> </div> </div> <div class="guilty-realization" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The worst part is the guilt. <<print $humanName>> just poured his heart out to me, told me he loved me, and all I can think about is another man's kiss.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facecrying.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What kind of person does that make me?"</span> I whisper, a single tear rolling down my cheek. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I curl up on my bed, pulling my knees to my chest as confusion and guilt war within me. I don't understand what's happening to me, why my body responded so differently to two very different kisses.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">All I know is that something has changed within me, and I'm terrified of what it might mean.</p> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning After Kiss</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The morning after the passionate kiss.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|MorningAfterKiss]]</div></div></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(139, 0, 139, 0.8), rgba(75, 0, 130, 0.6)); border: 2px solid rgba(139, 0, 139, 0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff69b4; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 15px;">🌑 Soul Corruption 🌑</p> <p style="color: #dda0dd; font-size: 1.1em; margin-bottom: 10px;">Liora's heart wavers between love and forbidden desire...</p> <p style="color: #ff69b4; font-size: 1em;">+1 Soul Corruption - Comparing Lovers</p> </div> <<soulDisplay "liora">> <<statSummary>> <<changeFace $currentLioraFace>> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentLioraFace>><<addSoulCorruption "liora" 2>><<set $liora_SerykAttraction = ($liora_SerykAttraction || 0) + 4>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) - 2>><<trackAttraction "Liora" "Seryk" 4>><<trackAttraction "Liora" "Rylan" -2>><<trackOther "Liora" "corruption" 2>> <div class="liora-reflection-container" style="background: linear-gradient(to bottom, rgba(80, 40, 60, 0.8), rgba(60, 20, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <<if $liora_RylanKissCount > 0>> <div class="devastating-comparison" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit on my bed in stunned silence, my fingertips still touching my lips. Two kisses in one evening. Two completely different experiences that have left me reeling with confusion and guilt.</p> <center><img src="images/liora/chapter2/ntr2/ntrface2.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"How can two kisses be so different?"</span> I whisper to myself, my voice trembling with the weight of this terrible realization. <div style="clear: left;"></div> </div> </div> <<else>> <div class="devastating-realization" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit on my bed in stunned silence, my fingertips still touching my lips. That kiss with Seryk... it's awakened something in me that I never knew existed, and now I can't stop thinking about it.</p> <center><img src="images/liora/chapter2/ntr2/ntrface2.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What was that feeling?"</span> I whisper to myself, my voice trembling with confusion and a strange new hunger. <span class="dialog-liora" style="font-style: italic;">"Why did it affect me so much?"</span> <div style="clear: left;"></div> </div> </div> <</if>> <<if $liora_RylanKissCount > 0>> <div class="rylan-kiss-memory" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">When <<print $humanName>> kissed me earlier, it was everything I thought I wanted. Sweet, gentle, filled with love and tenderness. It was the kiss I had dreamed about, the one I thought would make my heart soar.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"It was nice,"</span> I admit quietly to myself. <span class="dialog-liora" style="font-style: italic;">"Warm and safe. Like being wrapped in a comfortable blanket."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But that's all it was. Nice. Comfortable. There was no fire, no electricity, no overwhelming surge of desire that made me lose myself completely.</p> </div> <<else>> <div class="no-comparison-memory" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I've always imagined what my first kiss would be like. I thought it would be with <<print $humanName>>, sweet and gentle, the culmination of our innocent love story.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"But this... this was nothing like what I imagined,"</span> I whisper, my voice filled with confusion and guilt. <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Instead of gentle tenderness, I experienced raw, electric passion. Instead of comfort, I felt an awakening hunger that still burns through my veins.</p> </div> <</if>> <div class="seryk-kiss-memory" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But Seryk's kiss... God, what Seryk's kiss did to me...</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"It was like lightning,"</span> I breathe, my body shivering at the memory. <span class="dialog-liora" style="font-style: italic;">"Like every nerve in my body came alive at once."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The moment his lips touched mine, I felt that electric shock race through my entire being. My body responded in ways I didn't even know were possible. I trembled, I moaned, I completely lost control in a way that was both terrifying and exhilarating.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">That wasn't just a kiss. That was an awakening. A revelation of sensations I never knew existed.</p> </div> <<if $liora_RylanKissCount > 0>> <div class="guilty-truth" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facecrying.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What's wrong with me?"</span> I whisper, tears beginning to form in my eyes. <span class="dialog-liora" style="font-style: italic;">"I love <<print $humanName>>. I've loved him for so long. So why..."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Why did Seryk's kiss make me feel things that <<print $humanName>>'s never could? Why did my body respond so powerfully to someone I barely know, while the boy I've loved for years left me feeling... pleasant but unfulfilled?</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"Is this what passion is supposed to feel like?"</span> I wonder aloud, my voice barely audible. <span class="dialog-liora" style="font-style: italic;">"This overwhelming, consuming fire?"</span> <div style="clear: left;"></div> </div> </div> <<else>> <div class="guilty-confusion" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facecrying.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What's wrong with me?"</span> I whisper, tears beginning to form in my eyes. <span class="dialog-liora" style="font-style: italic;">"I love <<print $humanName>>. I've loved him for so long. So why..."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Why did kissing Seryk awaken these feelings I've never experienced before? Why does my body crave more of that electric sensation when I should only want <<print $humanName>>'s touch?</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"Is this what passion is supposed to feel like?"</span> I wonder aloud, my voice barely audible. <span class="dialog-liora" style="font-style: italic;">"This overwhelming, consuming fire?"</span> <div style="clear: left;"></div> </div> </div> <</if>> <<if $liora_RylanKissCount > 0>> <div class="terrible-realization" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The truth hits me like a physical blow, and I have to press my hand to my chest as if to keep my heart from breaking apart.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"Seryk's kiss was better,"</span> I admit in a broken whisper. <span class="dialog-liora" style="font-style: italic;">"So much better that there's no comparison."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The guilt of that admission crushes down on me. How can I think such a thing? How can I betray <<print $humanName>> like this, even in my own thoughts?</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But I can't deny what my body experienced. I can't lie to myself about the way Seryk made me feel versus the gentle but ultimately hollow sweetness of <<print $humanName>>'s kiss.</p> </div> <<else>> <div class="shocking-realization" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The truth hits me like a physical blow, and I have to press my hand to my chest as if to keep my heart from breaking apart.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"I want to feel that again,"</span> I admit in a broken whisper. <span class="dialog-liora" style="font-style: italic;">"God help me, I want to kiss him again."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The guilt of that admission crushes down on me. How can I think such a thing? How can I crave another man's touch when I've always believed <<print $humanName>> was my destiny?</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But I can't deny what my body experienced. I can't lie to myself about this awakening, this hunger that Seryk has unleashed in me.</p> </div> <</if>> <<if $liora_RylanKissCount > 0>> <div class="dangerous-thoughts" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What if..."</span> I start to think, then immediately try to push the thought away. But it comes back, insistent and troubling. <span class="dialog-liora" style="font-style: italic;">"What if I've been wrong about what I want?"</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">What if there's something more out there than the safe, comfortable love I thought I wanted? What if my body is trying to tell me something my heart isn't ready to hear?</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"I can't think like this,"</span> I tell myself firmly, but my voice lacks conviction. <span class="dialog-liora" style="font-style: italic;">"This is wrong. This is so wrong."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But even as I try to convince myself, I can still feel the phantom sensation of Seryk's lips on mine, the memory of that electric pleasure that shot through my entire being.</p> </div> <<else>> <div class="dangerous-desires" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What if..."</span> I start to think, then immediately try to push the thought away. But it comes back, insistent and troubling. <span class="dialog-liora" style="font-style: italic;">"What if this is what I've been missing all along?"</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">What if the gentle, innocent love I thought I wanted isn't enough? What if my body is craving something more passionate, more intense, more... dangerous?</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"I can't think like this,"</span> I tell myself firmly, but my voice lacks conviction. <span class="dialog-liora" style="font-style: italic;">"This is wrong. This is so wrong."</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But even as I try to convince myself, I can still feel the phantom sensation of Seryk's lips on mine, the memory of that electric pleasure that shot through my entire being.</p> </div> <</if>> <<if $liora_RylanKissCount > 0>> <div class="corruption-taking-hold" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I curl up on my bed, pulling my knees to my chest as these dangerous thoughts swirl through my mind. Something fundamental has shifted tonight. A door has been opened that I'm not sure I can close again.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What kind of person does this make me?"</span> I whisper into the darkness of my room. <span class="dialog-liora" style="font-style: italic;">"What kind of person compares the boy she loves to another man and finds him... lacking?"</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But even as shame washes over me, I can't stop myself from remembering. Can't stop myself from wondering what other sensations Seryk might be able to awaken in me.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The innocent girl who woke up this morning is gone. In her place is someone who has tasted forbidden fruit and found it impossibly sweet.</p> </div> <<else>> <div class="awakening-corruption" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I curl up on my bed, pulling my knees to my chest as these dangerous thoughts swirl through my mind. Something fundamental has awakened in me tonight. A door has been opened that I never even knew existed.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora" style="font-style: italic;">"What kind of person does this make me?"</span> I whisper into the darkness of my room. <span class="dialog-liora" style="font-style: italic;">"What kind of person craves a stranger's touch when she's supposed to love someone else?"</span> <div style="clear: left;"></div> </div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But even as shame washes over me, I can't stop myself from remembering. Can't stop myself from wondering what other sensations Seryk might be able to awaken in me.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">The innocent girl who woke up this morning is gone. In her place is someone who has discovered a hunger she never knew she possessed.</p> </div> <</if>> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Forbidden Desires</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the next scene.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|MorningAfterKiss]]</div></div></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(139, 0, 139, 0.8), rgba(75, 0, 130, 0.6)); border: 2px solid rgba(139, 0, 139, 0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff69b4; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 15px;">🌑 Soul Corruption 🌑</p> <p style="color: #dda0dd; font-size: 1.1em; margin-bottom: 10px;">Liora's heart turns toward forbidden desire...</p> <p style="color: #ff69b4; font-size: 1em;">+2 Soul Corruption - Comparing Lovers</p> </div> <<soulDisplay "liora">> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="liora-morning-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,160,180,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔥 An Intimate Morning with Liora 🔥</p> <p style="color: white; font-size: 1.1em;">Time for passion and pleasure...</p></div> <div class="room-entry" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I knock gently on Liora's door and hear her soft voice inviting me in. She's sitting on her bed in her pink dress, the morning sunlight streaming through her window and highlighting her beautiful curves beneath the delicate fabric.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Perfect timing, <<print $humanName>>! I was just... getting comfortable for the morning."</span> <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I sit on the bed beside her, I can't help but notice how the pink dress hugs her voluptuous figure. The way she's positioned gives me glimpses of her white stockings and the gentle curves of her thighs.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"You look absolutely beautiful this morning, Liora. How about I help you relax properly?"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Help me... relax? What did you have in mind?"</span> Her cheeks flush pink as she notices the way I'm looking at her. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"A full body massage. You've been working so hard... let me take care of every inch of you."</span> <div style="clear: left;"></div></div></div> <div class="intimate-positioning" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Without hesitation, Liora shifts on the bed, getting into a position that makes my breath catch. She lies back against her pillows, her pink dress riding up slightly to reveal more of her white stockings.</p> <center><img src="images/liora/chapter2/morningactivities/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Is... is this position okay for the massage?"</span> she asks softly, her cheeks flushed as she notices how the pose emphasizes her curves. <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The sight of her like this - so beautiful and vulnerable - sends heat rushing through my body. I can see the outline of her figure beneath the pink fabric, the way her stockings hug her legs, the innocent yet sensual way she's positioned herself.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Perfect,"</span> I manage to say, my voice slightly husky. <span class="dialog-rylan">"You look absolutely stunning, Liora."</span> <div style="clear: left;"></div></div></div> <div class="sensual-massage" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I begin with her shoulders, my hands working gently but deliberately. As I massage, she shifts into an even more enticing position, her body naturally responding to my touch.</p> <center><img src="images/liora/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Mmm, <<print $humanName>>... your hands feel so good. I never knew a massage could feel this... intense."</span> <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I work on her arms and sides, I catch glimpses of her delicate underarms, breathing in her natural feminine scent.</p> <<if ($serinChapter2ArmpitSeen === true)>><p style="color: white; line-height: 1.6; margin-bottom: 20px;">The memory of Serin's overwhelming aroma floods back...</p><div id="serinFlashback" style="text-align: center; margin: 20px 0;"> <img id="flashbackImage" src="images/serin/chapter2/morningactivities/1.webp" style="width: 300px; border-radius: 8px; border: 1px solid rgba(255,192,203,0.2); opacity: 0.7;"></div> <script> (function() { const images = [ "images/serin/chapter2/morningactivities/3.webp", "images/serin/chapter2/morningactivities/lickingarmpit3.webp" ]; let currentIndex = 0; const imgElement = document.getElementById('flashbackImage'); setInterval(function() { currentIndex = (currentIndex + 1) % images.length; imgElement.src = images[currentIndex]; }, 1500); })(); </script> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But Liora's scent is different - sweeter, more delicate, yet still arousing in its own way.</p> <<else>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her natural scent is intoxicating - clean and feminine with just a hint of arousal that makes my heart race.</p> <</if>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The intimate contact is building heat between us. Every touch, every soft sound she makes, every glimpse of her beautiful body is driving my desire higher.</p></div> <div class="seductive-positioning" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I move to her legs, Liora shifts again, this time into a pose that's breathtakingly sensual. Her pink dress rides up further, revealing the full length of her white stockings and the tantalizing glimpse of her thighs above them.</p> <center><img src="images/liora/chapter2/morningactivities/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Like this? I want you to have... full access to massage me properly."</span> <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My hands shake slightly as I begin massaging her legs through the silky stockings. The way she's positioned, the trust she's showing me, the intimate view she's giving me - it's driving me wild with desire.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora... you're so beautiful. Every part of you is perfect."</span> <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She responds by stretching even more sensuously, her body arching in ways that showcase her incredible figure. The sight is almost too much to bear.</p> <center><img src="images/liora/chapter2/morningactivities/4.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center></div> <div class="intimate-legs" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As my hands work up her calves and thighs, she shifts into an even more provocative position, giving me an incredible view of her stocking-clad legs and the curves of her body.</p> <center><img src="images/liora/chapter2/morningactivities/5.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Your touch is making me feel so... warm inside. I've never felt anything like this before."</span> <div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The heat between us is becoming unbearable. Every touch sends electricity through both of us, and I can see the effect my massage is having on her breathing and the flush spreading across her skin.</p> <div class="foot-choice" style="background: rgba(60,60,65,0.9); border: 1px solid rgba(120,120,120,0.4); border-radius: 8px; padding: 20px; margin-top: 20px;"> <p style="color: white; font-size: 1.1em; margin-bottom: 15px; text-align: center;">She's practically begging for more intimate attention...</p> <div style="text-align: center;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;"><<link "Focus on her upper legs and thighs" "LioraMorningActivityNoFeet">><<set $rylan_LioraFootSmelled = false>><</link>></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;"><<link "🦶 Focus on her feet" "LioraMorningActivityFootScent">><<set $rylan_LioraFootSmelled = true>><<set $rylan_LioraFootSmelledChoice = true>><</link>></div> </div></div></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Choose Your Path</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Focus on thighs or explore her feet.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">Choose an option above to continue</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="liora-morning-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,160,180,0.6);"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Looking at her beautiful legs, I decide to complete the massage properly. Liora seems to sense my desire and shifts into the most seductive position yet - her legs spread in a way that's both innocent and incredibly provocative.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/chapter2/morningactivities/4.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Let me massage your feet too, Liora. They must be sore from all our adventures."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"My feet? That... that would be wonderful. They have been aching..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I gently take her feet in my hands, admiring her perfect feet encased in those white stockings. They're delicate and beautiful, and I can't help but marvel at how elegant they look.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Her feet are absolutely perfect - delicate, soft, with perfectly formed toes and elegant arches beneath her white stockings. I begin massaging her soles gently, working my thumbs in small circles.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/chapter2/morningactivities/footfocus.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <<if ($serinChapter2ArmpitSeen === true)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Suddenly, vivid memories of Serin's feet flash through my mind - the way they looked, the overwhelming scent that had driven me wild with desire. Almost unconsciously, I lean closer to Liora's feet and breathe in.</p> <div style="clear: left;"></div> </div> <div id="serinFeetFlashback" style="text-align: center; margin: 20px 0;"> <img id="feetFlashbackImage" src="images/serin/chapter2/morningactivities/feet/1.webp" style="width: 300px; border-radius: 8px; border: 1px solid rgba(255,192,203,0.2); opacity: 0.7;"> </div> <script> (function() { const feetImages = [ "images/serin/chapter2/morningactivities/feet/1.webp", "images/serin/chapter2/morningactivities/feet/2.webp", "images/serin/chapter2/morningactivities/feet/3.webp", "images/serin/chapter2/morningactivities/feet/4.webp", "images/serin/chapter2/morningactivities/feet/5.webp", "images/serin/chapter2/morningactivities/feet/6.webp" ]; let feetIndex = 0; const feetImgElement = document.getElementById('feetFlashbackImage'); setInterval(function() { feetIndex = (feetIndex + 1) % feetImages.length; feetImgElement.src = feetImages[feetIndex]; }, 1200); })(); </script> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But Liora's foot scent is completely different. Where Serin's feet had that powerful, almost addictive smell that made my head spin with lust, Liora's are clean and sweet - pleasant, but not the overwhelming rush I felt with Serin. It's strange how different my body reacts to each of them.</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As I massage her feet, I find myself leaning closer, catching her natural scent. Her foot scent is clean and sweet with just a hint of natural femininity that makes my heart race.</p> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh... <<print $humanName>>... that feels amazing. Your hands on my feet... it's so soothing and relaxing."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I continue massaging her feet, working on each toe individually and running my fingers along her arches. She shifts into an even more comfortable position, giving me better access to massage her feet properly.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/chapter2/morningactivities/footfocus.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <<if ($serinChapter2ArmpitSeen === true)>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try breathing in her scent again, hoping for that same intense rush I felt with Serin, but it just doesn't happen. Liora's feet are beautiful and the massage is intimate, but they don't trigger that same overwhelming arousal. Still, the contact is definitely pleasant and arousing in its own gentle way.</p> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The combination of her stockings, her soft sighs of pleasure as I massage her feet - it's definitely arousing and intimate. I find myself enjoying the contact more than I expected.</p> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Your hands feel so good on my feet... this is so relaxing and nice."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The foot massage has become a tender, intimate moment between us. Every gentle touch of her soles, every soft sigh she makes is building a warm connection, even if it's not the intense rush I might have expected.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/chapter2/morningactivities/footfocus.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"This feels wonderful... my feet feel so much better now. Thank you for being so caring."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The foot massage is creating a lovely intimate moment between us. The trust she's showing me, the soft sounds of contentment she makes - it's building a sweet, romantic heat between us.</p> <div style="clear: left;"></div> </div> <<if ($serinChapter2ArmpitSeen === true)>> <<changeLust "Rylan" 18>><<trackLust "Rylan" 18>><<set $rylan_feetFetish = ($rylan_feetFetish || 0) + 0.2>><<trackFetish "Rylan" "feetFetish" 0.2>><<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.1>><<trackFetish "Rylan" "smellFetish" 0.1>> <<else>> <<changeLust "Rylan" 15>><<trackLust "Rylan" 15>><<set $rylan_feetFetish = ($rylan_feetFetish || 0) + 0.25>><<trackFetish "Rylan" "feetFetish" 0.25>><<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.15>><<trackFetish "Rylan" "smellFetish" 0.15>> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the massage comes to an end, Liora sits up and turns to face me, her cheeks flushed and her eyes bright with gratitude and something more.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"That was incredible, <<print $humanName>>. I feel so much better... and so cared for."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">We're sitting very close now, and the intimate atmosphere from the massage has created a tender moment between us. Our eyes meet, and I can see the affection and trust there.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You deserve to be taken care of, Liora. You do so much for all of us."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Without words, we both lean closer. The kiss that follows is gentle and sweet, filled with the tenderness that has been building between us all morning.</p> <div style="clear: left;"></div> </div> <center><img src="images/liora/chapter2/rylankiss/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I love these moments with you,"</span> she whispers against my lips. <span class="dialog-liora">"They feel so right..."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Reflection</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Liora reflects on the intimate morning.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|LioraMorningReflection]]</div></div></div> </div> <<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 3>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 3>><<set $rylan_LioraAttraction = ($rylan_RylanAttraction || 0) + 2>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 2>><<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 3>><<trackAttraction "Rylan" "Liora" 2>><<trackAttraction "Liora" "Rylan" 2>><<trackExperience "Rylan" "kiss" 1>><<trackExperience "Liora" "kiss" 1>><<statSummary>><<changeFace $currentLioraFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <div class="liora-morning-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,160,180,0.6);"> <div class="leg-conclusion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I decide to focus on her upper legs and thighs, working my hands higher up her silky stockings. The intimate contact as I massage her inner thighs through the delicate fabric is incredibly arousing for both of us.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh... <<print $humanName>>... your hands so high up my legs... it feels so intimate and wonderful."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The trust she's showing me, allowing me to massage her upper thighs so close to her most intimate areas, the soft sounds of pleasure she makes - it's building an incredible romantic and sexual tension between us.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I work carefully and tenderly on her thigh muscles, each touch sending waves of pleasure through her body. The way her breathing quickens tells me she's feeling the same intense arousal I am.</p> </div> <center><img src="images/liora/chapter2/morningactivities/massagethighs.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <<changeLust "Rylan" 12>><<trackLust "Rylan" 12>><<set $rylan_thighFetish = ($rylan_thighFetish || 0) + 0.2>><<trackFetish "Rylan" "thighFetish" 0.2>> </div> <div class="passionate-conclusion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As the incredibly sensual massage comes to an end, Liora is completely flushed with arousal and emotion. She sits up slowly, her body still trembling from the intense pleasure I've given her.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"<<print $humanName>>... that was... I've never felt anything like that before. You made me feel so... so alive."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">We're sitting very close now, both of us breathing heavily from the intensity of what we just shared. The air between us is electric with desire and emotion.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Liora... you're so beautiful. Every moment with you is perfect."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Unable to resist any longer, we both lean toward each other. The kiss that follows is passionate and intense, filled with all the desire that has been building between us during this incredibly intimate morning.</p> </div> <center><img src="images/liora/chapter2/rylankiss/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,192,203,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I love these moments with you,"</span> she whispers against my lips. <span class="dialog-liora">"They feel so right..."</span> <div style="clear: left;"></div> </div> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">An incredibly sensual massage and passionate moment have brought you much closer together.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Reflection</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Reflect on the intimate morning with Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|LioraMorningReflection]]</div></div></div> </div> </div> <<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 3>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 3>><<set $rylan_LioraAttraction = ($rylan_LioraAttraction || 0) + 2>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 2>><<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 3>><<trackAttraction "Rylan" "Liora" 2>><<trackAttraction "Liora" "Rylan" 2>><<trackExperience "Rylan" "kiss" 1>><<trackExperience "Liora" "kiss" 1>><<statSummary>><<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div class="liora-reflection-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,160,180,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Liora's Thoughts 💭</p> <p style="color: white; font-size: 1.1em;">Reflecting on confusing feelings...</p> </div> <div class="inner-reflection" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/faceembarrassedshortpink.webp" style="width: 150px; height: 150px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); margin-bottom: 20px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">After <<print $humanName>> leaves my room, I sit on my bed, still feeling the lingering warmth from his gentle touch. The massage was wonderful, but something about his behavior during it was... different.</p> <<if ($rylan_LioraFootSmelled === true)>> <div class="foot-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <<if ($rylan_LioraFootSmelledChoice === true)>> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">When he was massaging my feet... he was definitely smelling them. I could tell he was breathing deeper, leaning in closer on purpose. He wanted to smell my feet...</span></p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I touch my face, feeling the warmth in my cheeks. The thought that he finds my scent arousing... it makes me feel strangely excited and embarrassed at the same time. He was so deliberate about it.</p> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">Does he have a fetish for feet and scents? The way he acted... there was no mistaking it. He was enjoying breathing in my smell. Is that... is that what he likes about me?</span></p> <<else>> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">When he was massaging my feet... did he... was he smelling them? I felt him lean in closer, and his breathing changed. It seemed like he was trying to catch my scent...</span></p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I touch my face, feeling the warmth in my cheeks. The thought that he might find my scent... interesting... makes me feel strangely excited and embarrassed at the same time.</p> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">Does he have some kind of... preference for that? I've never thought about it before, but the way he acted... it was almost like he was enjoying the smell. Is that normal for couples to do?</span></p> <</if>> </div> <</if>> <<if ($lioraFirstKiss === "Seryk")>> <div class="kiss-comparison" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">But when we kissed just now... why didn't it feel the same as when Seryk kissed me? I love <<print $humanName>> so much - more than anything - so why...?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I touch my lips, remembering both kisses. With <<print $humanName>>, it was gentle and sweet, filled with love and care. But with Seryk... there was something else. Something that made my entire body react in ways I didn't understand.</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">When Seryk kissed me, it was like electricity running through my whole body. I couldn't control myself... I made sounds I've never made before. But why? I barely know him compared to <<print $humanName>>...</span></p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The confusion weighs on my heart. I feel guilty for even thinking about it, but I can't deny that Seryk's kiss awakened something in me that I don't fully comprehend.</p> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">Does this mean I don't really love <<print $humanName>>? But that can't be right... I do love him. So why did my body respond so strongly to someone else? What's wrong with me?</span></p> </div> <<else>> <div class="pure-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin-bottom: 20px;"> <center><img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">That kiss was so perfect... gentle and loving, just like him. Being with <<print $humanName>> feels so right, so natural. Like we belong together.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I hug my pillow, smiling as I replay the tender moment. His hands were so caring during the massage, and the kiss afterward felt like a natural extension of that affection.</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">I feel so safe with him, so cherished. Whatever challenges we face as adventurers, I know we'll face them together. This connection we have... it's something special.</span></p> </div> <</if>> <div class="future-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,192,203,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Whatever these confusing feelings are, I know one thing for certain - I care deeply about <<print $humanName>>. He makes me feel valued and protected in a way no one else does.</p> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span class="dialog-liora">I should focus on what we have together. These other thoughts... they're just confusion. What matters is that we're building something beautiful together, one gentle moment at a time.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">With that thought, I organize my herbs and prepare for whatever the day might bring. But in the back of my mind, questions about my own feelings continue to linger.</p> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">Liora's heart is filled with love but also confusion about her own reactions and desires.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to morning activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to morning activities|MorningActivities]]</div></div></div> </div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('battle/goblinfightdesperate.mp3');<</script>> <<set $seryk_LioraAffection += 4>><<set $liora_SerykAffection += 5>><<set $liora_manaOverload = true>><<set $seryk_PhysicalPower += 0.3>><<set $currentSerykFace = "seryk/face.webp">><<set $currentFace = $currentSerykFace>><<trackAffection "Seryk" "Liora" 4>><<trackAffection "Liora" "Seryk" 5>><<trackOther "Seryk" "PhysicalPower" 0.3>> <<timed 0.5s>> <center><div style="background: rgba(20,20,60,0.9); padding: 20px; border-radius: 10px; color: white; font-size: 1.5em; margin: 20px auto; max-width: 500px;">📖 Perspective Switch 📖<br><span style="color: #4169E1;">Switching to Seryk's view...</span><br><img src="images/seryk/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid #4169E1; margin-top: 10px;"></div></center> <</timed>> <<timed 3s>> <div class="seryk-rescue-container" style="background: linear-gradient(to bottom, rgba(80, 40, 120, 0.8), rgba(60, 30, 100, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/ntr1/serykrunning.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>From Seryk's perspective...</em></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I've never run this fast in my entire life. My demon heritage gives me incredible physical capabilities, but right now I'm pushing beyond even those limits. My muscles are screaming in protest, burning with each powerful stride as I crash through the forest.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I don't even fully understand why I'm pushing myself this hard. Something deep inside me - some primal protective instinct - is driving me forward with desperate urgency. Little Bird is in danger, and that thought alone is enough to make me ignore the pain coursing through my body.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Hold on, Liora... I'm coming..."</span> I growl through gritted teeth, leaping over fallen logs and smashing through thick undergrowth that would stop a normal person cold. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The flower clearing comes into view, but it's empty. My heart sinks for a moment until I catch sight of something that makes my blood run cold - dark red droplets scattered across the colorful petals.</p> </div> <center><img src="images/liora/chapter2/ntr1/bloodflowers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Blood..."</span> I whisper, my demon senses immediately picking up the scent. It's definitely Liora's - I'd recognize her scent anywhere after traveling together for so long. </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Without hesitation, I follow the trail. My enhanced senses guide me through the forest as I track the scent of blood mixed with fear and desperation. The trail leads deeper into the woods, toward a rocky outcropping I hadn't noticed before.</p> </div> </div> <div class="cave-approach" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/landscapes/forestcave.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The scent trail leads to a small cave entrance, and I can hear voices inside - the crude, guttural speech of goblins. My vision goes red with rage as I realize what's happening.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Kekeke! Where little human hiding? We find her soon!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-male-npc">"Boss say bring back alive, but maybe we have little fun first..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">That's all I need to hear. Every restraint I normally keep on my demon strength disappears in an instant. These creatures threatened Little Bird - they're going to pay for that mistake with their lives.</p> </div> <center><img src="images/seryk/faceangry.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I don't announce myself. I don't give them a chance to react. I simply explode into the cave like a force of nature, my bare hands becoming weapons of destruction.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The first goblin doesn't even have time to scream before my fist crushes its skull. The second tries to raise a weapon, but I tear it in half with my bare hands. The third and fourth attempt to flee, but there's nowhere to run in the confined space.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">It's not a fight - it's a massacre. In less than ten seconds, four goblins lie dead around me, their blood painting the cave walls. Only then do I hear it - a soft, terrified whimper from deeper in the cave.</p> </div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; margin-bottom: 20px;">Following the sound deeper into the cave...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Rescue Continue</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue the rescue mission.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue the rescue|LioraRescueContinue]]</div></div></div> </div> </div> <<statSummary>> <<changeFace $currentSerykFace>> <</timed>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarescue.mp3');<</script>> <<set $seryk_LioraAffection += 8>><<set $liora_SerykAffection += 10>><<set $seryk_LioraAttraction += 3>><<set $liora_SerykAttraction += 4>><<trackAffection "Seryk" "Liora" 8>><<trackAffection "Liora" "Seryk" 10>><<trackAttraction "Seryk" "Liora" 3>><<trackAttraction "Liora" "Seryk" 4>> <div class="seryk-rescue-container" style="background: linear-gradient(to bottom, rgba(80, 40, 120, 0.8), rgba(60, 30, 100, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="rescue-scene" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/ntr1/woundedcave.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I find her sitting in the middle of the cave, her pink dress torn and stained with blood, her face streaked with tears. She's shaking uncontrollably, her eyes wide with terror and trauma.</p> </div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facecrying.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"I... I thought I was going to die..."</span> she sobs, her voice barely a whisper. <span class="dialog-liora">"They were hunting me, and I couldn't... I couldn't cast anymore spells..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">My heart breaks seeing her like this. All my rage disappears, replaced by overwhelming protectiveness and concern. But I hesitate - she's Rylan's girlfriend. I shouldn't get too close. Still, I can't just leave her suffering.</p> </div> <center><img src="images/liora/chapter2/ntr1/serykblood.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Don't worry, Little Bird,"</span> I say as gently as I can, my voice soft and reassuring. <span class="dialog-seryk">"You're safe now. I'm here, and nothing is going to hurt you anymore."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She looks up at me with those beautiful, tear-filled eyes, and I can see the relief flooding through her. But then she notices the blood covering my arms and her eyes widen with concern.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"You're hurt..."</span> she whispers, her healer's instincts overriding her fear for a moment. <span class="dialog-liora">"I'm sorry, I'd like to heal you, but..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Don't worry, it's not my blood,"</span> I say gently, keeping some distance. <span class="dialog-seryk">"Those goblins won't be hurting anyone ever again."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">When I extend my hand to help her up, she tries to move and immediately winces in pain.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"I... I can't move properly,"</span> she whispers, fresh tears streaming down her face. <span class="dialog-liora">"I kept trying to cast healing spells even when I had no mana left. I think... I think I might have overloaded my magical circuits..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">My blood runs cold. Magical circuit overload is extremely dangerous for mages. If her mana isn't restored soon, she could lose her ability to use magic permanently... or worse, the damage could be fatal.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"That's... that's not good, Little Bird,"</span> I say, trying to keep the worry out of my voice. <span class="dialog-seryk">"Magical overload can cause permanent damage if it's not treated quickly."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Then I remember something Nimeria said... There might be a way to help restore her magical energy, though it would require... intimate contact. The question is whether she trusts me enough to let me try.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Seeing her in pain like this, knowing she could lose her magic or worse...</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Saliva Swap</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Use intimate contact to restore Liora's magic.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[I'll do whatever it takes to save her.|LioraSalivaSwap]]</div></div></div> </div> </div> <<statSummary>> <<changeFace $currentSerykFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>> <<set $rylan_LioraAffection += 2>><<set $rylan_SerykAffection += 1>><<trackAffection "Rylan" "Liora" 2>><<trackAffection "Rylan" "Seryk" 1>> <div class="reunion-container" style="background: linear-gradient(to bottom, rgba(60, 100, 60, 0.8), rgba(40, 80, 40, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/forestcave.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We finally reach the small cave where we can hear voices. My heart pounds as we approach the entrance, fearing the worst after hearing those terrible goblin screams earlier.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But as we enter the cave, relief floods through me. Liora is there, alive and seemingly unharmed. She's sitting near the cave wall, and though she appears safe, I notice something odd about her appearance.</p> </div> <center><img src="images/liora/facewet.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Her face is flushed and slightly sweaty, her breathing seems a bit labored, and there's something different in her eyes - a glazed, almost dreamy quality I've never seen before. But she doesn't appear to have any wounds.</p> </div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceworried.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Liora! Are you okay?"</span> I rush to her side, my voice filled with concern. <span class="dialog-rylan">"We heard the goblins and came as fast as we could. Are you hurt?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"I'm... I'm fine, <<print $humanName>>,"</span> she says softly, though her voice sounds slightly breathless. <span class="dialog-liora">"Thanks to Seryk. He saved me from those goblins."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I turn to look at Seryk, who stands near the cave entrance. His expression is still dark with anger, his jaw clenched tight. The fury from earlier hasn't completely faded from his features.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceserious.webp" alt="Seryk" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Seryk... thank you,"</span> I say earnestly, meeting his eyes. <span class="dialog-rylan">"I know you're angry with me for what happened, but... thank you for protecting her. I owe you."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Seryk's expression softens slightly at my words, though the tension doesn't completely leave his shoulders. He nods curtly, accepting my gratitude but clearly still upset about the situation.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Just... be more careful next time, bro,"</span> he says quietly, his voice carrying a mix of relief and lingering frustration. <span class="dialog-seryk">"We can't afford mistakes like that again."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceworried.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Are you sure you're not hurt, Liora?"</span> Serin asks, kneeling beside her. <span class="dialog-serin">"You look... flushed. And you're sweating."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"I'm just... tired from running and hiding,"</span> Liora replies, though she avoids eye contact. <span class="dialog-liora">"It was scary, but Seryk arrived just in time."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Something about her demeanor seems off, but I can't put my finger on what exactly. She seems safe and unharmed, which is all that matters right now.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">With Liora safe and the goblin threat eliminated, we should head back to report our success to the guild...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Return Home</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head back to report the mission success.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Help Liora to her feet and prepare to return home|HomeArrivalAfterMission]]</div></div></div> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $serykxliorantr = "stage1">><<changeLust "Seryk" 65>><<changeLust "Liora" 70>><<set $seryk_SalivaFetish += 0.3>><<set $liora_SalivaFetish += 1>><<set $liora_submissionFetish += 0.2>><<set $seryk_dominanceFetish += 0.2>><<set $seryk_LioraAffection += 5>><<set $liora_SerykAffection += 8>><<set $seryk_LioraAttraction += 6>><<set $liora_SerykAttraction += 7>><<trackLust "Seryk" 65>><<trackLust "Liora" 70>><<trackFetish "Seryk" "salivaFetish" 0.3>><<trackFetish "Liora" "salivaFetish" 1>><<trackFetish "Liora" "submissionFetish" 0.2>><<trackFetish "Seryk" "dominanceFetish" 0.2>><<trackAffection "Seryk" "Liora" 5>><<trackAffection "Liora" "Seryk" 8>><<trackAttraction "Seryk" "Liora" 6>><<trackAttraction "Liora" "Seryk" 7>> <div class="seryk-healing-container" style="background: linear-gradient(to bottom, rgba(100, 50, 140, 0.8), rgba(80, 40, 120, 0.7)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="healing-scene" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/ntr1/woundedcave.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I kneel down closer to her, my heart pounding as I prepare to explain what needs to be done. The cave feels smaller suddenly, more intimate.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Little Bird... I need to ask you something important,"</span> I say, my voice gentle but serious. <span class="dialog-seryk">"Do you truly trust me? Completely?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" alt="Liora" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She looks up at me with those beautiful blue eyes, still glistening with tears but now filled with determination.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Yes,"</span> she whispers without hesitation. <span class="dialog-liora">"You saved me. I trust you with my life."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Her complete faith in me sends a warmth through my chest, but also makes what I'm about to do feel even more significant.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Then close your eyes, Little Bird,"</span> I say softly, moving closer. <span class="dialog-seryk">"Open your mouth, and don't open your eyes until I tell you to. This might feel strange, but it's the only way I can help restore your magical energy."</span> </div> <center><img src="images/liora/chapter2/ntr1/mouthopen.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She obeys immediately, closing her eyes and parting her lips slightly. The sight of her trusting, vulnerable face makes my heart race faster. I position myself above her, gathering saliva in my mouth.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #87ceeb; line-height: 1.6; margin-bottom: 20px; font-style: italic;">This is it. Nimeria told me that demon body fluids can restore magical energy in humans... I just hope this works.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I let the first drop fall from my lips into her waiting mouth. She flinches slightly at the unexpected sensation but doesn't pull away.</p> </div> <center><img src="images/liora/chapter2/ntr1/salivaswap1.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Mmph..."</span> she makes a small sound of surprise, but swallows obediently. </div> <center><img src="images/liora/chapter2/ntr1/swallow.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Almost immediately, I can see some color returning to her pale cheeks. It's working. I continue, letting more saliva drop into her mouth, watching as she swallows each time.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #87ceeb; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Damn... this is more arousing than I expected. The way she's so trusting, so submissive... opening her mouth for me like this...</p> </div> <center><img src="images/liora/chapter2/ntr1/mouthopen2.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">After several more drops, I notice her breathing becoming heavier. A light blush spreads across her cheeks, and small beads of sweat appear on her forehead. Her expression... it's becoming more flushed, more heated.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Ahh..."</span> she breathes softly, her lips parting wider as if asking for more. </div> <center><img src="images/liora/chapter2/ntr1/salivaswap2.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #87ceeb; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Fuck... she's getting aroused by this. The way she's responding... it's incredibly sexy. I should stop, but...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I continue the treatment, my own arousal building as I watch her reactions. Her wounds are visibly healing now - the cuts on her arms closing, the bruises fading. She definitely has enough mana to cast healing spells again.</p> </div> <center><img src="images/liora/chapter2/ntr1/salivaswallow1.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But she seems to be in some kind of trance now, her face flushed with pleasure, small moans escaping her lips each time she swallows. She's no longer the terrified girl I found - she looks almost... intoxicated.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"More..."</span> she whispers breathlessly, her eyes still closed but her expression completely changed. <span class="dialog-liora">"Please... more..."</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #87ceeb; line-height: 1.6; margin-bottom: 20px; font-style: italic;">She's begging for it now. This is so wrong, but I can't stop myself. The way she's responding to my saliva, the trust she's showing me...</p> </div> <center><img src="images/liora/chapter2/ntr1/salivaswap6.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I'm about to continue when I hear voices echoing from outside the cave - distant but getting closer. My blood runs cold as I recognize one of them.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Liora! LIORA! Where are you?!"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Rylan. They found us.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Little Bird, open your eyes,"</span> I say quickly, pulling back. <span class="dialog-seryk">"Your friends are here."</span> </div> <center><img src="images/liora/chapter2/ntr1/eyesopening.webp" style="width: 400px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">She blinks slowly, as if waking from a dream, her face still flushed and her breathing still heavy. For a moment, she looks confused, almost disappointed that it stopped.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"I... what happened? I feel... different,"</span> she says softly, touching her now-healed arms in amazement. <span class="dialog-liora">"My magic... it's back. How did you...?"</span> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Before I can answer, the voices get closer. We need to get our story straight, and fast.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Liora's Perspective</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">See the scene from Liora's point of view.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Help her stand and prepare to meet the others.|SalivaSwapLioraPOV]]</div></div></div> </div> <<statSummary>> <<changeFace $currentSerykFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>> <<set $liora_RylanAffection += 2>><<set $liora_confidence -= 1>><<trackAffection "Liora" "Rylan" 2>><<trackOther "Liora" "confidence" -1>> <div class="chapter-container" style="background: linear-gradient(to bottom, rgba(100, 60, 100, 0.8), rgba(80, 40, 80, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="scene-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/violetflowers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;"><em>From Liora's perspective...</em></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I kneel among the wildflowers in the peaceful clearing, carefully gathering the blue-glowing Moonbell flowers that Nimeria requested. It's been over an hour since the others left to hunt goblins, and the silence is starting to worry me.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-liora">"They should have found some goblins by now..."</span> I murmur to myself, my hands trembling slightly as I place another Moonbell in my gathering pouch. <span class="dialog-liora">"What if something happened? What if <<print $humanName>> is in trouble again?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">He's always trying so hard to prove himself, ever since his failed exam. What if this time he's pushed himself too far?</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">And then, in the distance, I hear it - the unmistakable sounds of combat. Clashing metal, shouts, and what sounds like... a lot of goblins.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Oh no... there are so many of them..."</span> I breathe, my worst fears seeming to come true. </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">The sounds of battle grow louder, and my heart pounds with worry for my friends...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Battle Resolution</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The goblin battle reaches its climax.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|GoblinBattleResolutionNTR]]</div></div></div> </div> </div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<if !$morningVisitedToday>><<set $morningVisitedToday = []>><</if>><<if $morningActionPoints === undefined>><<set $morningActionPoints = 2>><</if>> <div class="morning-activities-container" style="background-image: url('images/landscapes/rylanhome.webp'); background-size: cover; background-position: center; min-height: 500px; position: relative; border-radius: 10px; overflow: hidden;"> <div class="morning-overlay" style="background: linear-gradient(to bottom, rgba(255,248,220,0.7), rgba(255,239,213,0.8)); position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div> <div class="morning-content" style="position: relative; z-index: 2; padding: 30px; text-align: center;"> <h2 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin-bottom: 20px; font-size: 1.8em;">The morning is full of possibilities...</h2> <div class="action-points-display" style="background: linear-gradient(145deg, rgba(255,215,0,0.3), rgba(218,165,32,0.4)); border: 2px solid rgba(255,223,0,0.4); border-radius: 12px; padding: 15px; margin: 20px auto; max-width: 300px; box-shadow: 0 6px 12px rgba(0,0,0,0.1); backdrop-filter: blur(5px);"> <h3 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin: 0 0 5px 0; font-size: 1.3em;">Activity Points: <<print $morningActionPoints>>/2</h3> <p style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; margin: 0; font-style: italic;">Each activity costs 1 point</p> </div> <div class="system-explanation" style="background: linear-gradient(145deg, rgba(255,228,181,0.3), rgba(255,218,185,0.4)); border: 1px solid rgba(218,165,32,0.3); border-radius: 8px; padding: 15px; margin: 20px auto; max-width: 500px; backdrop-filter: blur(3px);"> <h4 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin: 0 0 10px 0; font-size: 1.1em;">☀️ How Morning Activities Work</h4> <ul style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.85em; margin: 0; padding-left: 20px; line-height: 1.4;"> <li><strong>Spend Time:</strong> Use activity points to spend quality time with characters</li> <li><strong>Build Relationships:</strong> Morning activities help strengthen bonds and affection</li> <li><strong>Personal Moments:</strong> Each character offers different types of interactions</li> <li><strong>Limited Energy:</strong> You can only do 2 activities before the day continues</li> <li><strong>Choose Wisely:</strong> Each choice affects your relationships differently</li> </ul> </div> <<if $morningActionPoints > 0>> <p style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin-bottom: 40px; font-size: 1.1em;"> <<if $morningVisitedToday.length === 0>>After breakfast, you have some free time before the day gets busy. How would you like to spend it?<<else>>You still have energy for one more activity. What would you like to do?<</if>> </p> <<else>> <p style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin-bottom: 40px; font-size: 1.1em;">You've spent your morning well. Time to see what the rest of the day brings...</p> <</if>> <div class="character-activity-options" style="display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin: 40px 0;"> <<if !$morningVisitedToday.includes("Liora") && $morningActionPoints > 0>> <div class="activity-option-wrapper" style="text-align: center; position: relative;"> <div class="activity-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.3), rgba(255,255,255,0.2)); border: 2px solid rgba(218,165,32,0.4); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); backdrop-filter: blur(5px);"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(218,165,32,0.5);"> </div> <h3 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">💖 Liora</h3> <p style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; font-style: italic;">"She seems thoughtful this morning..."</p> </div> <<link "Spend time with Liora" "LioraMorningActivity">><<set $morningActionPoints -= 1>><<set $morningVisitedToday.push("Liora")>><</link>> </div> <</if>> <<if !$morningVisitedToday.includes("Seryk") && $morningActionPoints > 0>> <div class="activity-option-wrapper" style="text-align: center; position: relative;"> <div class="activity-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.3), rgba(255,255,255,0.2)); border: 2px solid rgba(218,165,32,0.4); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); backdrop-filter: blur(5px);"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(218,165,32,0.5);"> </div> <h3 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">💖 Seryk</h3> <p style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; font-style: italic;">"Take a quick bath together..."</p> <p style="color: #FF4500; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 1.0em; font-weight: bold; margin-top: 8px; text-align: center; background: rgba(255,69,0,0.2); padding: 5px; border-radius: 5px; border: 1px solid rgba(255,69,0,0.4);">⚠️ GAY CONTENT WARNING ⚠️</p> </div> <<link "Join Seryk for a bath" "SerykMorningActivity">><<set $morningActionPoints -= 1>><<set $morningVisitedToday.push("Seryk")>><</link>> </div> <</if>> <<if $morningVisitedToday.length > 0 && $morningActionPoints > 0>> <div class="visited-status" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(144,238,144,0.3), rgba(124,218,124,0.4)); border: 1px solid rgba(144,238,144,0.4); border-radius: 8px; backdrop-filter: blur(3px);"> <p style="color: #228B22; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've already spent time with: <<for _i = 0; _i < $morningVisitedToday.length; _i++>><<if _i > 0 && _i === $morningVisitedToday.length - 1>> and <</if>><<if _i > 0 && _i < $morningVisitedToday.length - 1>>, <</if>>$morningVisitedToday[_i]<</for>> this morning.</p> </div> <</if>> <<if $morningActionPoints === 0>> <div class="all-visited" style="margin: 20px 0; padding: 15px; background: linear-gradient(145deg, rgba(255,182,193,0.3), rgba(255,160,180,0.4)); border: 1px solid rgba(255,182,193,0.4); border-radius: 8px; backdrop-filter: blur(3px);"> <p style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; margin: 0; font-style: italic;">You've made the most of your morning. Time to see what comes next...</p> </div> <</if>> </div> <div class="nimeria-section" style="border-top: 2px solid rgba(218,165,32,0.4); margin-top: 40px; padding-top: 30px;"> <h3 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin-bottom: 20px; font-size: 1.3em;">📍 Private Meeting (Ends Morning Activities)</h3> <<if !$morningVisitedToday.includes("Nimeria")>> <div class="activity-option-wrapper" style="text-align: center; position: relative; max-width: 200px; margin: 0 auto;"> <div class="activity-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.3), rgba(255,255,255,0.2)); border: 2px solid rgba(218,165,32,0.4); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); backdrop-filter: blur(5px);"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(218,165,32,0.5);"> </div> <h3 style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">😊 Nimeria</h3> <p style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.9em; font-style: italic;">"She wanted to talk privately..."</p> <p style="color: #DC143C; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-size: 0.85em; font-weight: bold; margin-top: 8px; font-style: italic;">⚠️ This will end morning activities</p> </div> <<link "Visit Nimeria's room" "NimeriaMorningActivity">><<set $morningActionPoints = 0>><<set $morningVisitedToday.push("Nimeria")>><</link>> </div> <<else>> <p style="color: #8B4513; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-style: italic;">You've already visited Nimeria this morning...</p> <</if>> </div> </div> </div> <style> .activity-option:hover { transform: translateY(-5px) scale(1.05); opacity: 0.9; } .activity-option:hover .character-frame { border-color: rgba(218,165,32,0.7); box-shadow: 0 12px 24px rgba(0,0,0,0.2); } .activity-option:hover img { border-color: rgba(218,165,32,0.8); transform: scale(1.05); } .activity-option:hover h3 { color: #654321; } .continue-option:hover { transform: translateY(-3px) scale(1.02); opacity: 0.9; } .activity-option:active, .continue-option:active { transform: translateY(-2px) scale(1.01); } .morning-content a { color: #8B4513; text-decoration: none; background: linear-gradient(145deg, rgba(255,215,0,0.3), rgba(218,165,32,0.2)); border: 1px solid rgba(218,165,32,0.4); border-radius: 8px; padding: 10px 20px; display: inline-block; margin-top: 10px; transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-weight: bold; font-size: 1.1em; } .morning-content a:hover { color: #654321; background: linear-gradient(145deg, rgba(255,215,0,0.5), rgba(218,165,32,0.4)); border-color: rgba(218,165,32,0.6); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .morning-content a:active { transform: translateY(0px); box-shadow: 0 2px 6px rgba(0,0,0,0.1); } </style> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('false_utopia.mp3');<</script>> <div class="morning-end-container" style="background: linear-gradient(to bottom, rgba(255, 248, 220, 0.85), rgba(255, 239, 213, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,239,213,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌅 Morning Activities Complete 🌅</p> <p style="color: white; font-size: 1.1em;">Time to see what the day brings...</p> </div> <div class="morning-reflection" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <<if $morningVisitedToday.includes("Nimeria")>> <<if $rylanxnimeriahandjob>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I leave Nimeria's room, my mind is spinning with what just happened. The memory of her touch, her kiss, her intoxicating scent... it all feels like a dream, but the uncomfortable wetness in my underwear tells me it was very real. I need to find a way to clean up without anyone noticing.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can't shake the feeling that something fundamental has changed. There's a new weight on my shoulders, a secret I'll have to carry. How will I look Liora in the eyes now?</p> <<else>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I leave Nimeria's room, I feel a mix of relief and regret. I managed to resist her advances, but the tension between us is palpable now. I can't help but wonder what might have happened if I had given in...</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her final words echo in my mind. Have I made an enemy? Or was this just a test of some kind? Only time will tell.</p> <</if>> <<else>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The morning activities have given me some time to connect with the people who matter to me. Each interaction has deepened our relationships in its own way.</p> <</if>> <<if $morningVisitedToday.includes("Liora")>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The time I spent with Liora this morning was precious. Every moment with her feels like a gift, and I can feel our bond growing stronger.</p> <</if>> <<if $morningVisitedToday.includes("Seryk")>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The bath with Seryk was... confusing. I'm still trying to process what happened and what it might mean. These new feelings are unsettling, but I can't deny they exist.</p> <</if>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Whatever happened this morning, it's time to move forward. The day is still young, and there's much to do.</p> </div> <div class="morning-summary" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <h3 style="color: white; margin-bottom: 15px; font-size: 1.2em;">Morning Activities Summary:</h3> <ul style="color: white; line-height: 1.6; margin-bottom: 20px;"> <<for _i = 0; _i < $morningVisitedToday.length; _i++>> <li style="margin-bottom: 8px;">✓ Spent time with $morningVisitedToday[_i]</li> <</for>> </ul> <<if $morningVisitedToday.length === 0>> <p style="color: white; font-style: italic;">You chose to skip the morning activities and move straight to the day's events.</p> <</if>> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">The morning has set the tone for what's to come...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Day Continues</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue with the day.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue with the day|EndOfChapter2]]</div></div></div> </div> <<set $morningVisitedToday = []>><<set $morningActionPoints = 2>> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $gameDay = ($gameDay || 1) + 1>><<set $timeOfDay = "morning">><<trackOther "Game" "day" 1>> <div class="day-transition" style="background: linear-gradient(to bottom, rgba(0,0,0,0.95), rgba(40,40,40,0.9)); padding: 50px; border-radius: 15px; text-align: center; margin-bottom: 30px; border: 3px solid rgba(255,255,255,0.2);"> <div class="transition-animation" style="animation: fadeInOut 3s ease-in-out;"> <p style="color: #ffd700; font-size: 2.2em; font-weight: bold; margin-bottom: 25px; text-shadow: 3px 3px 6px rgba(0,0,0,0.8);">✦ ✧ ✦ ✧ ✦</p> <p style="color: #ffffff; font-size: 1.6em; font-style: italic; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);">The Next Day...</p> <p style="color: #ffeb9c; font-size: 1.2em; margin-bottom: 25px;">After a magical evening, dawn brings new beginnings</p> <p style="color: #ffd700; font-size: 2.2em; font-weight: bold; text-shadow: 3px 3px 6px rgba(0,0,0,0.8);">✦ ✧ ✦ ✧ ✦</p> </div> </div> <div id="mainContent" style="opacity: 0; animation: delayedFadeIn 1s ease-in 3s forwards;"> <div class="morning-scene-container" style="background: linear-gradient(to bottom, rgba(40, 35, 30, 0.9), rgba(30, 25, 20, 0.8)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="time-transition" style="background: rgba(60, 50, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌅 Day <<print $day>> - Morning 🌅</p> <p style="color: #ffeb9c; font-size: 1.1em;">The golden rays of dawn filter through the windows...</p> </div> <div class="kitchen-scene" style="background: rgba(60, 50, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/kitchen.webp" style="width: 500px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I wake up feeling like I'm walking on air. Last night's kiss with Liora still has my heart racing every time I think about it. As I make my way downstairs to the kitchen, I can't help but smile.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The familiar sounds of breakfast preparation greet me as I enter the kitchen. <<print $marielToHuman>> is at the stove, and I can see Liora and Serin already seated at the table.</p> </div> <div class="breakfast-conversations" style="background: rgba(60, 50, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/kitchen.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Good morning, <<print $humanName>>. You look well-rested today."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I take my usual seat at the table, trying not to let my gaze linger too obviously on Liora. She seems a bit quieter than usual this morning, though she gives me a small smile when our eyes meet.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Good morning, <<print $humanName>>."</span> <span style="color: #f0f0f0;">she says softly, her cheeks carrying just a hint of pink.</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"So, what's the plan for today? We can't just sit around doing nothing."</span> <div style="clear: left;"></div> </div> </div> <div class="planning-discussion" style="background: rgba(60, 50, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Actually, I was thinking we could take a rest day today. Yesterday was pretty intense, and we all could use some time to recover."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Serin raises an eyebrow at my suggestion, clearly not satisfied with the idea of doing nothing.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Rest day? Come on, <<print $humanName>>! How about we do some training instead? I could show you some new techniques."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">There's an eager glint in her emerald eyes, and I can tell she's already planning what kind of 'training' she has in mind.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Training, huh? What kind of training exactly?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, you know... combat practice, agility exercises, maybe some grappling?"</span> <span style="color: #f0f0f0;">She grins mischievously.</span> <span class="dialog-serin">"Unless you're too tired to keep up with me?"</span> <div style="clear: left;"></div> </div> </div> <div class="nimeria-arrival" style="background: rgba(60, 50, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Just as I'm about to respond to Serin's challenge, I hear familiar footsteps coming down the stairs. Nimeria appears in the kitchen doorway, already dressed for the day.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Good morning, everyone! I hope I'm not too late for breakfast."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Perfect timing, dear. Come sit with us."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria takes a seat at the table, her perpetual smile brightening as she looks around at everyone.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Actually, I've been thinking... I really like <<print $humanName>>. There's something about him that feels so familiar and comforting."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her smile becomes more thoughtful as she looks at me directly.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"He reminds me so much of Zarn..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Suddenly, there's a loud *PFFT* sound as Seryk, who had been quietly sipping his tea, spits it out in surprise. He starts coughing, wiping his mouth with the back of his hand.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"*Cough* *Cough* Sorry, went down the wrong way..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Zarn? Who's Zarn?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Yeah, who is he?"</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria's perpetual smile falters for just a moment, and I catch a brief flash of something deeper in her eyes before it's gone.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, nevermind that."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She quickly returns to her usual bright demeanor, though Seryk still looks a bit shaken.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Anyway, <<print $humanName>>, I would love to talk with you later when you find the time. Could you visit me in my room? There are some things I'd like to discuss privately."</span> <div style="clear: left;"></div> </div> </div> <div class="serin-takes-charge" style="background: rgba(60, 50, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I look around the table at the different faces - Serin's competitive grin, Nimeria's gentle smile, and Liora's quiet expression as she listens to the conversation. Just as I'm about to speak, Nimeria leans forward slightly.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You know, <<print $humanName>>, Serin's training offer sounds wonderful. Physical activity in the morning is so energizing, don't you think? It might help clear your mind for... other conversations later."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">There's something about the way she says it that feels encouraging, and Serin's eyes light up at the support.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"See? Nimeria gets it! Alright, that's enough deliberating! Come on, <<print $humanName>>, we're doing this training session right now."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can protest, she walks around the table and grabs my arm, pulling me up from my chair with surprising strength.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Wait, Serin! I haven't even finished my breakfast-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"You can eat later! The morning is perfect for training, and I'm not taking no for an answer."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She starts dragging me toward the door, her grip firm and determined.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh my, looks like you're busy this morning, <<print $humanName>>. We can talk later when you're free."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Be careful, you two..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/mariel/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <span class="dialog-mariel">"Have fun, but don't overdo it!"</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I manage one last helpless look back at the table as Serin continues pulling me out of the kitchen, her emerald eyes sparkling with mischief and determination.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Come on, slowpoke! Time to see what you're really made of!"</span> <div style="clear: left;"></div> </div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Training Session</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Begin training with Serin.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue training with Serin...|TrainingWithSerinChapter2]]</div></div></div> </div> <</nobr>> <<script>> $(document).ready(function() { $('<style>').text(` @keyframes fadeInOut { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes delayedFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } `).appendTo('head'); }); <</script>> <<set $serin_NimeriaAffection = ($serin_NimeriaAffection || 0) + 3>><<trackAffection "Serin" "Nimeria" 3>><<set $nimeria_SerinAffection = ($nimeria_SerinAffection || 0) + 2>><<trackAffection "Nimeria" "Serin" 2>><<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) + 4>><<trackAffection "Nimeria" $humanName 4>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 3>><<trackAttraction "Nimeria" $humanName 3>><<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set _baseThreshold = 55>><<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -7>><<set _attractionMod = Math.floor(($rylan_NimeriaAttraction || 0) / 20) * -5>><<set _affectionMod = Math.floor(($rylan_NimeriaAffection || 0) / 20) * -3>><<set _finalThreshold = _baseThreshold + _lustMod + _attractionMod + _affectionMod>><<set _resistRoll = random(1, 100)>><<set _resistSuccess = _resistRoll <= _finalThreshold>> <div class="nimeria-final-resist-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚔️ Final Resistance ⚔️</p> <p style="color: white; font-size: 1.1em;">The last moment to pull back...</p> </div> <div class="final-resistance-attempt" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As her lips draw closer to mine, I make one final, desperate attempt to resist. My mind screams at me to think of Liora, to remember what's right.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Wait... I... I can't... Liora..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But her scent is overwhelming, her touch intoxicating. She's so close now, her breath warm against my lips.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Shh... don't think so much. Just feel..."</span> <div style="clear: left;"></div> </div> <div style="background: rgba(60,60,65,0.9); border: 1px solid rgba(120,120,120,0.5); border-radius: 6px; padding: 15px; margin: 20px 0; font-family: monospace;"> <p style="color: #FFD700; margin: 0; font-weight: bold;">🎲 Final Resistance Roll: <<print _resistRoll>> vs <<print _finalThreshold>></p> <p style="color: #87CEEB; margin: 5px 0 0 0; font-size: 0.9em;"> Base Threshold: <<print _baseThreshold>> (Harder to resist now)<<if _lustMod < 0>> | Lust Penalty: <<print _lustMod>><</if>><<if _attractionMod < 0>> | Attraction Penalty: <<print _attractionMod>><</if>><<if _affectionMod < 0>> | Affection Penalty: <<print _affectionMod>><</if>> </p> </div> </div> <<if _resistSuccess>> <div class="successful-final-resistance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">At the very last moment, I find the strength to pull away. My love for Liora burns brighter than my desire, and I manage to break free from Nimeria's spell.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"No! I won't betray Liora like this. I... I have to go."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I pull away from her completely, standing up despite my body's protests. Nimeria looks shocked, then hurt, then angry.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You... you're making a mistake, $humanName. You'll regret this."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her voice carries a dangerous edge now, her mask of sweetness slipping for just a moment.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Maybe... but it's the right thing to do."</span> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Resistance Successful</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">You've resisted her ultimate temptation.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Leave her room quickly|MorningActivitiesEnd]]</div></div></div> <<set $rylan_NimeriaAffection = ($rylan_NimeriaAffection || 0) - 5>><<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) - 7>><<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) - 2>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) - 4>><<trackAffection "Rylan" "Nimeria" -5>><<trackAffection "Nimeria" "Rylan" -7>><<trackAttraction "Rylan" "Nimeria" -2>><<trackAttraction "Nimeria" "Rylan" -4>> <<else>> <div class="failed-final-resistance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Despite my final desperate attempt, I can't find the strength to resist. Her overwhelming presence, her intoxicating scent, the pleasure she's giving me - it's all too much.</p> <center><img src="images/nimeria/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"That's it... stop fighting it. Let me take care of you..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My resistance crumbles completely, and I surrender to the inevitable.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Resistance Failed</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Your final resistance has failed.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Surrender to her kiss|NimeriaKissAndClimax]]</div></div></div> <<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) + 1>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 2>><<set $rylan_Lust = ($rylan_Lust || 0) + 3>><<trackAttraction "Rylan" "Nimeria" 1>><<trackAttraction "Nimeria" "Rylan" 2>><<trackLust "Rylan" 3>> <</if>> <<statSummary>> <<changeFace $currentRylanFace>> </div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $nimeriamaderylancum = true>><<set $rylan_soulCorruption = ($rylan_soulCorruption || 0) + 1>><<if !$rylanFirstKiss>><<set $rylanFirstKiss = "Nimeria">><</if>><<if !$nimeriaFirstKiss>><<set $nimeriaFirstKiss = "Rylan">><</if>> <div class="nimeria-climax-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💋 The Kiss 💋</p> <p style="color: white; font-size: 1.1em;">A moment of pure temptation...</p> </div> <div class="the-kiss" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can't resist anymore. As her face draws closer to mine, I close my eyes and let it happen. Her lips meet mine in a soft, tender kiss that sends electricity through my entire body.</p> <center><img src="images/nimeria/chapter2/morningactivities/5.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The kiss is unlike anything I've ever experienced. Her lips are impossibly soft, and that sweet, intoxicating scent fills my senses completely. Her hand continues its rhythmic motion, bringing me closer and closer to the edge.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Mmm... just let go, $humanName. Let me take care of you..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her whispered words against my lips are the final push I need. The combination of her kiss, her touch, and her overwhelming presence pushes me completely over the edge.</p> </div> <div class="the-climax" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter2/morningactivities/cum.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can't hold back any longer. With a shuddering gasp against her lips, I reach my climax right there in my pants. Waves of intense pleasure crash over me as she continues to kiss me gently, her hand pressing against me through the fabric as I release.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The release is more intense than anything I've ever experienced before. It's as if she's drawn something out of me - not just physical pleasure, but something deeper, something that leaves me feeling both satisfied and strangely empty. I can feel the warm wetness spreading in my underwear.</p> <center><img src="images/nimeria/chapter2/morningactivities/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I can't believe we just... I'll need to go clean up..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Shh... it's okay. You needed that release, didn't you? I could see how much stress you were carrying."</span> <div style="clear: left;"></div> </div> </div> <div class="aftermath-comfort" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter2/morningactivities/4.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She sits back with a satisfied smile on her face, but also something else - a look of possession, as if she's claimed something precious. I shift uncomfortably, very aware of the mess in my pants.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Remember, $humanName - you can always lean on me when it gets stressful again. When the pressure builds up, I'll always be here to help you... release it."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her words carry a promise - or perhaps a warning. I can already feel a strange dependency forming, a desire to experience this again.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You know... that was my first kiss too. I've been saving it for someone special, and I'm glad it was you, $humanName."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her confession makes this moment even more significant. We've both crossed a line together, sharing something precious and intimate.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"This will be our little secret, won't it? Just between you and me..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Y-yes... our secret."</span> <div style="clear: left;"></div> </div> </div> <div class="corruption-showcase" style="background: linear-gradient(145deg, rgba(139,0,139,0.3), rgba(75,0,130,0.4)); border: 2px solid rgba(139,0,139,0.5); border-radius: 10px; padding: 20px; margin: 25px 0; text-align: center; box-shadow: 0 0 15px rgba(139,0,139,0.3);"> <h3 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0 0 10px 0; font-size: 1.3em;">💜 Soul Corruption Gained 💜</h3> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1.1em; margin: 0;">Your soul has been marked by forbidden pleasure...</p> <p style="color: #DDA0DD; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 10px 0 0 0; font-style: italic;">+1 Soul Corruption</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Aftermath</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A line has been crossed.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Leave her room|MorningActivitiesEnd]]</div></div></div> <<set $rylan_NimeriaAffection = ($rylan_NimeriaAffection || 0) + 5>><<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) + 4>><<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) + 4>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 5>><<set $rylan_Lust = 0>><<changeLust "Nimeria" 12>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $nimeria_kissCount = ($nimeria_kissCount || 0) + 1>><<set $rylan_NimeriaKissCount = ($rylan_NimeriaKissCount || 0) + 1>><<set $nimeria_RylanKissCount = ($nimeria_RylanKissCount || 0) + 1>><<set $rylan_handjobCount = ($rylan_handjobCount || 0) + 1>><<set $nimeria_handjobCount = ($nimeria_handjobCount || 0) + 1>><<set $rylan_NimeriaHandjobTakenCount = ($rylan_NimeriaHandjobTakenCount || 0) + 1>><<set $nimeria_RylanHandjobCount = ($nimeria_RylanHandjobCount || 0) + 1>><<set $rylan_orgasmsReceived = ($rylan_orgasmsReceived || 0) + 1>><<set $nimeria_orgasmsGiven = ($nimeria_orgasmsGiven || 0) + 1>><<set $rylan_sexualExperience = ($rylan_sexualExperience || 0) + 1>><<set $nimeria_sexualExperience = ($nimeria_sexualExperience || 0) + 1>><<set $rylan_basicExperience = ($rylan_basicExperience || 0) + 1>><<set $nimeria_basicExperience = ($nimeria_basicExperience || 0) + 1>><<trackAffection "Rylan" "Nimeria" 5>><<trackAffection "Nimeria" "Rylan" 4>><<trackAttraction "Rylan" "Nimeria" 4>><<trackAttraction "Nimeria" "Rylan" 5>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Nimeria" "kissExperience" 1>><<trackExperience "Rylan" "handjobExperience" 1>><<trackExperience "Nimeria" "handjobExperience" 1>><<trackExperience "Rylan" "sexualExperience" 1>><<trackExperience "Nimeria" "sexualExperience" 1>><<trackLust "Nimeria" 12>><<trackOther "Rylan" "soulCorruption" 1>><<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <div class="nimeria-morning-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌸 Private Conversation 🌸</p> <p style="color: white; font-size: 1.1em;">A moment alone with Nimeria...</p> </div> <div class="entering-room" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I knock softly on Nimeria's door and hear her gentle voice inviting me in. As I step inside, I'm immediately struck by a strange scent - bitter yet sweet, almost intoxicating. <<if $serinChapter2ArmpitSeen>>It reminds me oddly of those pantyhose I was forced to smell during that embarrassing encounter with Serin, though this is somehow more... alluring.<</if>></p> <center><img src="images/nimeria/chapter2/morningactivities/sittingbed.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, $humanName! Please, come in and make yourself comfortable. I'm so glad you decided to visit me."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her room is cozy and feminine, with soft fabrics and delicate decorations. She gestures for me to sit on a comfortable chair while she settles across from me, her dark hair catching the morning light beautifully.</p> </div> <div class="small-talk" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I hope I'm fitting in well here. Everyone has been so welcoming to me, especially you."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"You definitely are! We're all glad to have you here. Actually, I wanted to ask you something... You mentioned someone called Zarn this morning. Who is that?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Nimeria's expression grows more serious, though her smile never completely fades.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, he was my only friend during my childhood. You know, demons hate people like me who have black hair. They think children with black hair are a bad omen, so I never had any friends. But Zarn never minded - he had black hair just like me."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She runs her fingers through her dark locks, and I notice how the light makes it shine with an almost ethereal beauty.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"By the way, do you like my hair?"</span> <div style="clear: left;"></div> </div> </div> <div class="hair-compliment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Erm, yeah. I think it's beautiful."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceecstatic.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh really? You truly think so?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her face lights up with what looks almost like ecstatic joy at the compliment, and I can't help but feel a warmth in my chest at making her so happy.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"What happened to Zarn?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh... he was killed during the war..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Oh... I'm sorry to hear that."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"But never mind that. Let's talk about happier things. What's your dream, $humanName? What do you want to achieve in life?"</span> <div style="clear: left;"></div> </div> </div> <div class="dreams-conversation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I want to become a strong adventurer, maybe reach S-rank someday. I want to prove myself and make my family proud."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"That's wonderful, but... this all must be really stressful for you. The pressure, the expectations... I want you to know that when you visit me, you can just be yourself. I want to be the one you can lean on when it becomes too stressful."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her voice becomes softer, more intimate, and I find myself drawn to her caring words.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You should be more confident, you know. Someone like you is made to become a king. Don't make the same mistakes as Thalor - you are made for so much more."</span> <div style="clear: left;"></div> </div> </div> <div class="ambitious-talk" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You should be more ambitious too. Look around you - you're surrounded by beautiful women. Someone special like you should have his own harem. And just maybe... you could sometimes look at me too..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her words catch me off guard. The way she says it, with that gentle smile and those knowing eyes, makes my heart race.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"But this wouldn't be allowed. I already have Liora."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Nah... that's how a servant thinks. You will be a king. You should decide what is right and wrong, not some 'law' that was made by old men who are already dead."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her words are seductive, challenging everything I've been taught about loyalty and relationships.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Come, sit here on the bed with me. It's much more comfortable, and we can talk more easily."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She pats the soft mattress beside her invitingly. My heart races at the intimate suggestion, but I find myself moving toward her, drawn by her gentle charm and the promise of closer conversation.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"How far did you get with Liora yet?"</span> <div style="clear: left;"></div> </div> </div> <div class="liora-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <<if $rylanFirstKiss === "Liora">> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Not far yet... we only kissed."</span> <div style="clear: left;"></div> </div> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Not far yet... we've just hugged and held hands."</span> <div style="clear: left;"></div> </div> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, how come?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Well, I don't know how to initiate it."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, that's no problem. Just ask the women and girls around for help."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As she speaks, her eyes drift downward, and I notice her gaze lingering on the growing bulge in my pants. The intimate conversation and her close presence have had an undeniable effect on me.</p> </div> <div class="dangerous-moment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Suddenly, she reaches out and gently touches the bulge in my pants. The contact sends a shock through my entire body.</p> <center><img src="images/nimeria/chapter2/morningactivities/rubbulge.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"How about I start giving you some confidence?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic; color: #FFB6C1;">It's getting dangerous... what should I do?</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Nimeria's Advance</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">How do you respond to her advance?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Silently nod|NimeriaSilentAcceptance]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin-top: 10px;">[[Try to resist|NimeriaResistAttempt]]</div></div></div> </div> <<set $rylan_NimeriaAffection = ($rylan_NimeriaAffection || 0) + 3>> <<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) + 2>> <<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) + 2>> <<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 3>> <<set $rylan_Lust = ($rylan_Lust || 0) + 8>> <<set $nimeria_Lust = ($nimeria_Lust || 0) + 5>> <<trackAffection "Rylan" "Nimeria" 3>> <<trackAffection "Nimeria" "Rylan" 2>> <<trackAttraction "Rylan" "Nimeria" 2>> <<trackAttraction "Nimeria" "Rylan" 3>> <<trackLust "Rylan" 8>> <<trackLust "Nimeria" 5>> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set _baseThreshold = 65>><<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -5>><<set _attractionMod = Math.floor(($rylan_NimeriaAttraction || 0) / 20) * -3>><<set _affectionMod = Math.floor(($rylan_NimeriaAffection || 0) / 20) * -2>><<set _finalThreshold = _baseThreshold + _lustMod + _attractionMod + _affectionMod>><<set _resistRoll = random(1, 100)>><<set _resistSuccess = _resistRoll <= _finalThreshold>> <div class="nimeria-resist-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚔️ Trying to Resist ⚔️</p> <p style="color: white; font-size: 1.1em;">Fighting against temptation...</p> </div> <div class="resistance-attempt" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter2/morningactivities/rubbulge.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I try to pull back, to resist the temptation. My mind races with thoughts of Liora, of what's right and wrong.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"N-Nimeria, I... I can't. This isn't right. I have Liora, and..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She looks at me with understanding eyes, but her hand doesn't move away. Instead, she speaks in that soothing, hypnotic voice.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Shh... it's okay, $humanName. You're just confused. Let me help you think clearly..."</span> <div style="clear: left;"></div> </div> <div style="background: rgba(60,60,65,0.9); border: 1px solid rgba(120,120,120,0.5); border-radius: 6px; padding: 15px; margin: 20px 0; font-family: monospace;"> <p style="color: #FFD700; margin: 0; font-weight: bold;">🎲 Resistance Roll: <<print _resistRoll>> vs <<print _finalThreshold>></p> <p style="color: #87CEEB; margin: 5px 0 0 0; font-size: 0.9em;"> Base Threshold: <<print _baseThreshold>> <<if _lustMod < 0>> | Lust Penalty: <<print _lustMod>><</if>> <<if _attractionMod < 0>> | Attraction Penalty: <<print _attractionMod>><</if>> <<if _affectionMod < 0>> | Affection Penalty: <<print _affectionMod>><</if>> </p> </div> </div> <<if _resistSuccess>> <div class="successful-resistance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Somehow, I find the strength to pull away. My love for Liora and my sense of what's right gives me the willpower to resist.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm sorry, Nimeria. I can't do this. I care about you, but... I love Liora."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I... I understand. I'm sorry for pushing you. I just thought... never mind."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She pulls her hand away, looking genuinely hurt but trying to hide it behind a forced smile.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You should go. I need some time to... think."</span> <div style="clear: left;"></div> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">You successfully resisted temptation, but at what cost?</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Resistance Successful</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">You resisted temptation.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Leave her room|MorningActivitiesEnd]]</div></div></div> </div> <<set $rylan_NimeriaAffection = ($rylan_NimeriaAffection || 0) - 2>><<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) - 3>><<trackAffection "Rylan" "Nimeria" -2>><<trackAffection "Nimeria" "Rylan" -3>> <<else>> <div class="failed-resistance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Despite my best efforts, I can't find the strength to pull away. Her touch, her scent, her presence - it's all too overwhelming. My resistance crumbles.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"It's okay... you don't have to fight it. Just let me help you..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My body betrays my mind, and I find myself leaning into her touch rather than pulling away.</p> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">Your resistance has failed... you're drawn deeper into her web.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Resistance Failed</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">You're drawn deeper into temptation.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Give in to the temptation|NimeriaSilentAcceptance]]</div></div></div> </div> <<set $rylanxnimeriahandjob = true>><<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) + 2>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 1>><<set $rylan_Lust = ($rylan_Lust || 0) + 5>><<set $nimeria_Lust = ($nimeria_Lust || 0) + 4>><<trackAttraction "Rylan" "Nimeria" 2>><<trackAttraction "Nimeria" "Rylan" 1>><<trackLust "Rylan" 5>><<trackLust "Nimeria" 4>> <</if>> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('seryknimeriaconfrontation.mp3');<</script>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(139,0,139,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚡ The Truth Revealed ⚡</p> <p style="color: white; font-size: 1.1em;">A dark history unfolds...</p></div> <div class="history-lesson" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">We walk outside in tense silence, away from the house where curious ears might overhear. The night air feels heavy with unspoken accusations as we find a secluded spot under the moonlight.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Tell me, Seryk... do you know what our people were called before the world branded us 'demons'?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"What does ancient history have to do with-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Everything, you muscle-brained fool. And I suppose you've never heard of Veryn either?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Nimeria, I didn't come here for a history lesson! We need to discuss what you've been doing to-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Silence! You want answers? Then you'll listen to the whole truth, not just the parts that make you comfortable."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Fine... but make it quick."</span> <div style="clear: left;"></div> </div> </div> <div class="veryns-story" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Three centuries ago, there lived an elf named Veryn. Brilliant, compassionate, devoted to helping others through his mastery of alchemy. He could restore barren lands, purify poisoned waters, heal wounds that should have been fatal. The poor adored him as a savior."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Seryk's expression shifts from anger to reluctant interest as I weave the tale.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"He had a beautiful wife, heavy with child. Every journey away from her filled him with worry, but how could he ignore the desperate pleas of those who needed his help?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My voice takes on a darker tone as the story continues.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"One fateful evening, he returned home to find his house ablaze. Inside, he discovered his wife's mutilated corpse... and the unborn child torn from her womb."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"What kind of monster would do such a thing?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"The kind born from jealousy and greed. Nobles who saw his good works as a threat to their power over the masses. Less suffering means fewer people to exploit, after all."</span> <div style="clear: left;"></div> </div> </div> <div class="the-transformation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"As Veryn carried his wife's remains outside, the assassins were waiting. They taunted him, boasted of their deed, even revealed who had paid them - the Elven King himself."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"And he killed them for it?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, he slaughtered them easily enough. But do you know what he regretted most? That their deaths were too quick, too merciful."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can see Seryk's unease growing as the implications become clear.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"From that night forward, Veryn lived only for revenge. He gathered the downtrodden, the exploited, the forgotten. Together they stormed the Elven capital and took what they pleased - including the King's daughter and her handmaidens."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"The princess was exquisite - golden hair like spun sunlight, skin like fresh snow. She reminded him of his murdered wife in her younger days. And what did this broken, brilliant man do with his captives?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My smile turns cruel.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"He used them as subjects for his experiments. And when the scientific curiosity wasn't enough... he took his pleasure from them as well."</span> <div style="clear: left;"></div> </div> </div> <div class="soulstone-origin" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You see, Veryn had a theory - that magical potential isn't truly fixed at birth, but rather limited by the soul's capacity. He believed that with the right catalyst, one could expand those boundaries."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"The soulstones..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Precisely. He infused crystallized dark energy into seeds, scattered them across the world, and observed the results. Monsters grew more vicious, some developed unnatural abilities. When he forced his captives to consume them..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The horrifying implications hang in the air between us.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Their magical capacity increased dramatically. They could wield powers completely foreign to their nature. But that wasn't enough for dear Veryn. He wondered... what would happen if he filled those stones with essence from other creatures? Could a human woman bear the offspring of a demon beast?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"How could you possibly know all this?"</span> <div style="clear: left;"></div> </div> </div> <div class="azgorth-revelation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Because I've read his journals, every twisted page. Years of abuse finally broke the princess completely. She began to crave his attention, to beg for his touch. When she became pregnant with his child, she wept with joy."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My voice drops to a whisper.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"She wanted to give their son a name that would strike fear into the hearts of those who had destroyed their happiness. A name that would become legend. Azgorth."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Gods above and below... No wonder you're so twisted, if that's the bedtime story you grew up with."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"So you made us swallow those abominations, knowing full well what they were? What they could do to us?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Of course I did."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You're insane! What if I had died? What if I'd transformed into some mindless beast?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, don't be so dramatic. I calculated a 65% chance you'd retain your sanity and only a 35% chance of... explosive failure. Those are excellent odds!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"..."</span> <div style="clear: left;"></div> </div> </div> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">The horrifying truth about their powers is about to be revealed...</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Powers Revealed</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Learn about the true nature of their abilities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue the confrontation|NimeriaSerykPowers]]</div></div></div></div></div> <</nobr>> <<statSummary>> <<changeFace $currentNimeriaFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('seryknimeriaconfrontation.mp3');<</script>> <div class="power-revelation-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(139,0,139,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔥 Power Transfer Revealed 🔥</p> <p style="color: white; font-size: 1.1em;">The horrifying truth...</p> </div> <div class="horniness-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Ever since I swallowed that cursed thing, I've been in a constant state of arousal. And everyone around me... they're getting affected too. Tell me this is just some temporary side effect."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Oh, it's no side effect at all. You remember how we both lost our natural mana after... that incident? And you've surely noticed how my scent and touch can make people more pliable, more eager to please?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her smile grows more predatory as she explains.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"My body produces mana-infused fluids now, just as your muscles are saturated with magical energy. I wondered... what would happen if I combined Veryn's soulstone experiment with my own essence? The results exceeded even my expectations."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You're completely mad..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Mad? I've given you everything you need - strength, looks, and my own seductive abilities. You just lack the intellect to use them properly. Fortunately, there are plenty of beautiful people around us who can help satisfy your... needs."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"These people trust us, Nimeria. They've welcomed us into their home, their lives. How can you even suggest betraying that trust?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Betrayal? I prefer to think of it as... filling their hearts with passion they never knew they wanted."</span> <div style="clear: left;"></div> </div> </div> <div class="soulstone-manipulation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"And these powers you claimed the soulstones would give us?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Mostly lies, I'm afraid. The mana regeneration from your body fluids is real enough - a delightful side effect of our mana-saturated bodies. But the true power of unmanipulated soulstones is far more... personal."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her expression becomes wickedly amused.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"They reshape the soul according to one's deepest desires. But desires can be so easily... influenced. People rarely want what they think they want."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her smile turns absolutely sinister.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Take dear $humanName, for instance. He desperately wants to be strong and masculine like his $humanToThalor. But wouldn't he look absolutely divine with silky smooth skin, soft curves, flowing hair, and feminine grace?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The horrifying scope of her manipulations becomes clear.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"And Serin - she yearns to be more feminine, more like sweet Liora. But imagine the delicious irony if she suddenly sprouted something decidedly masculine instead! As for Mariel... well, she's already perfect for breeding, but a little enhancement never hurt anyone."</span> <div style="clear: left;"></div> </div> </div> <div class="moral-conflict" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"This breaks my heart, Nimeria. I keep wondering... was it something we did? Something that made you become this twisted version of yourself?"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Seryk's voice carries genuine pain as he searches for answers.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"The village where we lived... did you orchestrate its destruction? Was that all part of some grand plan?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Let's just say I recognized an opportunity when it presented itself, and I took full advantage."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You heartless monster! Those people cared for you, protected you!"</span> <div style="clear: left;"></div> </div> </div> <div class="slave-past" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You were their little doll, Nimeria. Always treated well, pampered even... especially for being a slave."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"While you were worked to the bone, beaten for sport when the day's labor was done. Is that what you call fair treatment?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Nimeria... we were slaves. Both of us. That was our reality."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"You were a slave, Seryk. I was never meant for such degradation."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her voice takes on a regal, imperious tone.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I am a queen. I always have been."</span> <div style="clear: left;"></div> </div> </div> <div class="final-accusation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"And weren't you just a little bit relieved when it happened? When we finally had our freedom?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Relieved?! I can still hear their screams echoing in my nightmares!"</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">His voice breaks with the weight of traumatic memories.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"But I saw you that night... you were smiling as the flames consumed everything. You smiled as the village burnt..."</span> <div style="clear: left;"></div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Confrontation Climax</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">The confrontation reaches its climax.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|ISmiledAsTheVillageBurnt]]</div></div></div> <<set $seryk_NimeriaAffection -= 5>><<trackAffection "Seryk" "Nimeria" -5>><<statSummary>><<changeFace $currentNimeriaFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<set $rylanxnimeriahandjob = true>> <div class="nimeria-acceptance-container" style="background: linear-gradient(to bottom, rgba(221, 160, 221, 0.85), rgba(186, 85, 211, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(221,160,221,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💜 Giving In 💜</p> <p style="color: white; font-size: 1.1em;">A moment of weakness...</p> </div> <div class="silent-acceptance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter2/morningactivities/rubbulge.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I find myself unable to speak, unable to resist. I give a small, almost imperceptible nod. Nimeria's smile widens with satisfaction and something else - something predatory yet caring.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Good... just relax, $humanName. Let me help you build that confidence."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She begins to rub my member through my pants, her touch gentle yet purposeful. The sensation is overwhelming, and I can't help but let out a soft gasp.</p> </div> <div class="seductive-rubbing" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"No... we shouldn't... Liora..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Even as I protest weakly, my body betrays me, responding eagerly to her touch. She continues her ministrations, her fingers working expertly through the fabric.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Don't worry... just relax. It's not cheating. I'm just helping you out."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her voice is like honey, sweet and intoxicating. She moves closer, and that strange, alluring scent becomes stronger. It's overwhelming, making my head spin with desire.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Before I can react, she gracefully moves to straddle my lap, her soft thighs pressing against mine through the fabric of her dress. The intimate position makes my heart race even faster as she settles herself comfortably on top of me, never stopping her rhythmic movements.</p> <center><img src="images/nimeria/chapter2/morningactivities/sitonlap.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Just relax... breathe in and out, in and out..."</span> <div style="clear: left;"></div> </div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I find myself following her instructions, breathing deeply. Each breath fills my lungs with her intoxicating scent, making me more compliant, more willing to let this happen.</p> </div> <div class="growing-closer" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter2/morningactivities/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She draws nearer and nearer, her face moving closer to mine. I can feel her warm breath on my skin, see the desire in her eyes. Her hand never stops its rhythmic motion, driving me closer to the edge.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic; color: #FFB6C1;">She's so close now... what should I do?</p> <div class="choice-section" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: white; font-size: 1.1em; margin-bottom: 20px;">She's leaning in for a kiss...</p> <center><img src="images/nimeria/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Choose Your Action</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Moment of Truth</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Let it happen|NimeriaKissAndClimax]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin-top: 10px;">[[Try to resist one more time|NimeriaFinalResist]]</div></div></div> </div> </div> </div> <<set $rylan_NimeriaAttraction = ($rylan_NimeriaAttraction || 0) + 3>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 2>><<changeLust "Rylan" 10>><<changeLust "Nimeria" 8>><<trackAttraction "Rylan" "Nimeria" 3>><<trackAttraction "Nimeria" "Rylan" 2>><<trackLust "Rylan" 10>><<trackLust "Nimeria" 8>> <<statSummary>> <<changeFace $currentRylanFace>> </nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ismiledasthevillageburnt.mp3');<</script>> <div class="transition-container" style="background: linear-gradient(135deg, rgba(139, 0, 139, 0.9), rgba(75, 0, 130, 0.95), rgba(139, 69, 19, 0.9)); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px;"> <div class="chapter-title-section" style="text-align: center; margin-bottom: 60px;"> <h1 style="color: #FFD700; font-size: 4.5em; font-weight: bold; text-shadow: 3px 3px 6px rgba(0,0,0,0.8); margin-bottom: 20px; letter-spacing: 3px;">Chapter 3</h1> <h2 style="color: #F0E68C; font-size: 2.8em; font-style: italic; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); margin-bottom: 30px;">Sparks in the Fog</h2> <div style="width: 300px; height: 3px; background: linear-gradient(90deg, transparent, #FFD700, transparent); margin: 0 auto;"></div> </div> <div class="transition-text" style="max-width: 800px; text-align: center; margin: 40px 0;"> <div id="fade1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #F0F8FF; font-size: 1.4em; line-height: 1.8; margin-bottom: 30px;"> <p style="font-style: italic;">The night air carries the weight of terrible revelations as demons confront their darkest truths...</p> </div> <div id="fade2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.4em; line-height: 1.8; margin-bottom: 30px;"> <p style="font-style: italic;">While in the quiet sanctuary of home, painful letters arrive bearing news that will reshape everything...</p> </div> <div id="fade3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #F5DEB3; font-size: 1.4em; line-height: 1.8; margin-bottom: 30px;"> <p style="font-style: italic;">The bonds that once seemed unbreakable begin to strain as hidden desires and buried memories surface...</p> </div> </div> <div id="continueLink" style="opacity: 0; transition: opacity 1s ease-in-out; text-align: center; margin-top: 40px;"> <div style="background: rgba(139, 69, 19, 0.8); border: 2px solid #D4AF37; border-radius: 12px; padding: 20px; display: inline-block;"> <a href="javascript:void(0)" onclick="SugarCube.Engine.play('StartOfChapter3')" style="color: #FFD700; font-size: 1.3em; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Continue to Chapter 3</a> </div> </div> </div> <script> setTimeout(function() { document.getElementById('fade1').style.opacity = '1'; }, 1000); setTimeout(function() { document.getElementById('fade2').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('fade3').style.opacity = '1'; }, 5000); setTimeout(function() { document.getElementById('continueLink').style.opacity = '1'; }, 7000); setTimeout(function() { SugarCube.Engine.play('StartOfChapter3'); }, 12000); </script> <style> .transition-container { animation: backgroundShift 15s ease-in-out infinite; } @keyframes backgroundShift { 0% { background: linear-gradient(135deg, rgba(139, 0, 139, 0.9), rgba(75, 0, 130, 0.95), rgba(139, 69, 19, 0.9)); } 50% { background: linear-gradient(135deg, rgba(75, 0, 130, 0.95), rgba(139, 69, 19, 0.9), rgba(160, 82, 45, 0.9)); } 100% { background: linear-gradient(135deg, rgba(139, 0, 139, 0.9), rgba(75, 0, 130, 0.95), rgba(139, 69, 19, 0.9)); } } </style> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>> <<timed 0.5s>> <div class="pov-transition-container" style="background: linear-gradient(45deg, rgba(40, 30, 60, 0.95), rgba(20, 40, 80, 0.95)); min-height: 300px; padding: 40px; border-radius: 15px; text-align: center; border: 2px solid rgba(255,255,255,0.2);"> <p style="color: #e0e0ff; font-size: 1.4em; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Elsewhere in the house...</p> </div> <</timed>> <<timed 3s>> <div class="pov-transition-container" style="background: linear-gradient(45deg, rgba(40, 30, 60, 0.95), rgba(20, 40, 80, 0.95)); min-height: 300px; padding: 40px; border-radius: 15px; text-align: center; border: 2px solid rgba(255,255,255,0.2);"> <p style="color: #e0e0ff; font-size: 1.4em; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Elsewhere in the house...</p> <p style="color: #b0d0ff; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">The perspective shifts to <<print $humanName>></p> <center><img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 3px solid #87CEEB; margin: 20px 0;"></center> </div> <</timed>> <<timed 5s>> <<goto "HumanNameDecision">> <</timed>> <center> <<link "Continue" "HumanNameDecision">> <</link>> </center> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $rylan_LioraAffection += 1>><<set $liora_RylanAffection += 1>><<set $serin_RylanAffection -= 1>><<trackAffection "Rylan" "Liora" 1>><<trackAffection "Liora" "Rylan" 1>><<trackAffection "Serin" "Rylan" -1>><<set $gold += 200>> <div class="return-home-container" style="background: linear-gradient(to bottom, rgba(80, 60, 40, 0.8), rgba(60, 40, 20, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="guild-report" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/guildhall.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Back at the guild hall, Elena's eyes widen in amazement as we report our success. Forty-three goblins eliminated instead of the requested five, plus a full pouch of Moonbell flowers for Nimeria.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Elena"> <span class="dialog-female-npc">"Incredible work, all of you!"</span> Elena beams. <span class="dialog-female-npc">"This is exactly the kind of performance we expect from rising adventurers. Well done!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Elena, you should have seen it! <<print $humanName>> actually used his brain instead of just his sword!"</span> Serin grins mischievously. <span class="dialog-serin">"I think we're witnessing a miracle here!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Serin, come on..."</span> I mutter, though I can't help but smile at her relentless teasing. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-female-npc">"Well, whatever sparked this new approach, keep it up!"</span> Elena chuckles. <span class="dialog-female-npc">"Your payment is ready at the counter."</span> <div style="clear: left;"></div> </div> <div class="heading-home" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">After collecting our payment, we make our way home. The successful mission has lifted everyone's spirits, and Liora seems particularly cheerful, carrying her pouch of carefully collected Moonbell flowers.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I managed to collect so many beautiful Moonbell flowers!"</span> Liora says proudly, gently patting her flower pouch. <span class="dialog-liora">"Nimeria is going to be so happy with these."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You all worked well as a team today,"</span> Seryk says with approval. <span class="dialog-seryk">"<<print $humanName>> and Serin handled the combat while you gathered what was needed. Perfect coordination."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"It really was a successful mission,"</span> I say with satisfaction. <span class="dialog-rylan">"Everyone contributed exactly what they do best."</span> <div style="clear: left;"></div> </div> <div class="date-request" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As we're about to head home, I find myself wanting to spend more time with Liora. The successful mission has given me confidence, and I don't want this day to end just yet.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Actually, Liora... would you like to go somewhere with me? Just the two of us?"</span> I ask, my heart racing. <span class="dialog-rylan">"We could get some food, or just walk around town for a bit."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'd love that, <<print $humanName>>!"</span> she says, her face lighting up with a warm smile. <span class="dialog-liora">"That sounds wonderful after such an intense day."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I notice Serin's expression shift slightly - her smile becomes a bit more forced, and there's a flash of something in her eyes that she quickly masks. But she recovers smoothly, as she always does.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, how sweet!"</span> Serin says with what seems like genuine enthusiasm, though I catch a slight edge to her voice. <span class="dialog-serin">"You two have fun! Seryk and I can head back and let everyone know you're safe."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh! Serin, could you do me a favor?"</span> Liora suddenly remembers, reaching into her pouch. <span class="dialog-liora">"Could you bring these Moonbell flowers to Nimeria? I promised her we'd deliver them today."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Of course,"</span> Serin says, taking the pouch with a forced smile. <span class="dialog-serin">"I'll make sure she gets them right away. You two enjoy your... date."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Enjoy yourselves,"</span> Seryk adds with a knowing smile. <span class="dialog-seryk">"You've both earned some relaxation."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As Serin turns to leave with Seryk, clutching the flower pouch, I catch a glimpse of her clenched fist at her side, but she keeps her cheerful facade perfectly in place. Liora, meanwhile, seems genuinely excited about our impromptu date.</p> <div style="clear: left;"></div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">With our date plans set, Liora and I wave goodbye to Serin and Seryk before heading into town together.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Date with Liora</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Begin the romantic date.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Begin the date|DateWithLiora]]</div></div></div> </div> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<set $rylan_LioraAffection += 2>><<set $rylan_SerinAffection += 2>><<set $rylan_SerykAffection += 2>><<set $liora_RylanAffection += 2>><<set $liora_SerinAffection += 2>><<set $liora_SerykAffection += 2>><<set $serin_RylanAffection += 2>><<set $serin_LioraAffection += 2>><<set $serin_SerykAffection += 2>><<set $seryk_RylanAffection += 2>><<set $seryk_LioraAffection += 2>><<set $seryk_SerinAffection += 2>><<trackAffection "Rylan" "Liora" 1>><<trackAffection "Rylan" "Serin" 1>><<trackAffection "Rylan" "Seryk" 1>><<trackAffection "Liora" "Rylan" 1>><<trackAffection "Liora" "Serin" 1>><<trackAffection "Liora" "Seryk" 1>><<trackAffection "Serin" "Rylan" 1>><<trackAffection "Serin" "Liora" 1>><<trackAffection "Serin" "Seryk" 1>><<trackAffection "Seryk" "Rylan" 1>><<trackAffection "Seryk" "Liora" 1>><<trackAffection "Seryk" "Serin" 1>> <div class="reunion-container" style="background: linear-gradient(to bottom, rgba(60, 100, 60, 0.8), rgba(40, 80, 40, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="reunion-content" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/liora/chapter2/violetflowers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">We find Liora exactly where we left her, kneeling peacefully among the Moonbell flowers with a satisfied smile on her face. Her herb gathering pouch is full, and she looks up with relief as we approach.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"You're back!"</span> she says, standing and brushing dirt from her knees. <span class="dialog-liora">"I was starting to worry. How did everything go?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Better than expected,"</span> I reply, feeling proud of our teamwork. <span class="dialog-rylan">"We cleared out the entire goblin nest - over forty of them total."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"Forty?!"</span> Liora's eyes widen in amazement. <span class="dialog-liora">"The guild only asked for five! That's incredible!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Can you believe it, Liora? <<print $humanName>> actually learned the word 'teamwork'!"</span> Serin grins teasingly. <span class="dialog-serin">"No charging ahead solo, no trying to prove himself - he actually listened to strategy for once!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Hey, I'm not that bad at teamwork!"</span> I protest, though I can feel my cheeks warming. <span class="dialog-rylan">"I just... needed to learn when to use it properly."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facelaughshortpinkdress.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"Oh my, Serin's right! This is a historic moment!"</span> Liora giggles, covering her mouth with her hand. <span class="dialog-liora">"<<print $humanName>> discovered that other people can actually help instead of just getting in his way!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/facegrin.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Next thing you know, he'll be asking for advice before charging into situations!"</span> Seryk chuckles. <span class="dialog-seryk">"Though I have to admit, bro, you handled it well today."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-liora">"That's wonderful! And I managed to gather plenty of Moonbell flowers too,"</span> Liora says, finally taking pity on me and holding up her full pouch. <span class="dialog-liora">"This should be more than enough for Nimeria's request."</span> <div style="clear: left;"></div> </div> <div class="mission-complete" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">With both parts of our mission successfully completed, we gather our equipment and prepare for the journey back to town.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Elena's going to be impressed with this report,"</span> Serin says as we start walking back through the forest. <span class="dialog-serin">"'Dear Elena, miraculously, <<print $humanName>> didn't charge ahead and get himself killed. Mission successful.'"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-rylan">"Very funny,"</span> I mutter, though I can't help smiling. <span class="dialog-rylan">"It feels good to have a mission go smoothly for once. No complications, no emergencies - just good planning and execution."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-serin">"Look at him using big words like 'planning' and 'execution,'"</span> Serin continues her teasing with a grin. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'm proud of all of you,"</span> Liora says warmly. <span class="dialog-liora">"This is what real adventuring should be like - working together and helping people."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <span class="dialog-seryk">"Little Bird's right. This is how a proper team operates,"</span> Seryk agrees. <span class="dialog-seryk">"Let's head home and celebrate a job well done."</span> <div style="clear: left;"></div> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #a0c0a0; font-size: 1.1em; margin-bottom: 20px;">With our successful mission complete, we begin the journey home through the peaceful forest, spirits high and bonds strengthened.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Mission Complete</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Return to the guild to report success.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to the guild|ReturnHomeSuccessful]]</div></div></div> </div> <</nobr>> <<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 2>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 2>><<set $rylan_LioraAttraction = ($rylan_LioraAttraction || 0) + 1>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 1>><<changeLust "Rylan" 5>><<changeLust "Liora" 3>><<trackAffection "Rylan" "Liora" 2>><<trackAffection "Liora" "Rylan" 2>><<trackAttraction "Rylan" "Liora" 1>><<trackAttraction "Liora" "Rylan" 1>><<trackLust "Rylan" 5>><<trackLust "Liora" 3>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="hug-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">Instead of leaning in for a kiss, I wrap my arms around her in a warm, protective embrace. I hold her close, feeling her heartbeat against my chest as I pour all my love and relief into this gentle moment.</p> <center><img src="images/liora/chapter2/rylanhug/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"<<print $humanName>>..."</span> she whispers, melting into my embrace with a soft sigh of contentment. <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">We stay like this for a long moment, just holding each other. There's something deeply comforting about this gentle intimacy, this tender expression of care and affection.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm just so grateful you're safe,"</span> I murmur into her hair. <span class="dialog-rylan">"I don't know what I'd do if something happened to you."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'm okay, thanks to everyone looking out for me. Thanks to you."</span> <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">When we finally part from the embrace, both of us are smiling warmly. There's a gentle glow in Liora's eyes, a sense of safety and security that makes my heart feel full.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I care about you so much, Liora. You mean everything to me."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I care about you too, <<print $humanName>>. More than you know."</span> she replies, her voice warm and sincere. <div style="clear: left;"></div> </div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Gentle Moment</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A gentle moment of care.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|MorningAfterKiss]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 2>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 2>><<set $rylan_LioraAttraction = ($rylan_LioraAttraction || 0) + 1>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 1>><<changeLust "Rylan" 5>><<changeLust "Liora" 3>><<trackAffection "Rylan" "Liora" 2>><<trackAffection "Liora" "Rylan" 2>><<trackAttraction "Rylan" "Liora" 1>><<trackAttraction "Liora" "Rylan" 1>><<trackLust "Rylan" 5>><<trackLust "Liora" 3>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="hug-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">Instead of leaning in for a kiss, I wrap my arms around her in a warm, protective embrace. I hold her close, feeling her heartbeat against my chest as I pour all my love and relief into this gentle moment.</p> <center><img src="images/liora/chapter2/rylanhug/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"<<print $humanName>>..."</span> she whispers, melting into my embrace with a soft sigh of contentment. <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">We stay like this for a long moment, just holding each other. There's something deeply comforting about this gentle intimacy, this tender expression of care and affection.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I'm just so grateful you're safe,"</span> I murmur into her hair. <span class="dialog-rylan">"I don't know what I'd do if something happened to you."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I'm okay, thanks to everyone looking out for me. Thanks to you."</span> <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">When we finally part from the embrace, both of us are smiling warmly. There's a gentle glow in Liora's eyes, a sense of safety and security that makes my heart feel full.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I care about you so much, Liora. You mean everything to me."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I care about you too, <<print $humanName>>. More than you know."</span> she replies, her voice warm and sincere. <div style="clear: left;"></div> </div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Gentle Moment</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A gentle moment of care.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|LioraAfterShowerNow]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<if not $rylanFirstKiss>><<set $rylanFirstKiss = "Liora">><<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $liora_kissCount = ($liora_kissCount || 0) + 1>><<set $rylan_sexualExperience = ($rylan_sexualExperience || 0) + 2>><<set $liora_sexualExperience = ($liora_sexualExperience || 0) + 2>><<set $rylan_basicExperience = ($rylan_basicExperience || 0) + 2>><<set $liora_basicExperience = ($liora_basicExperience || 0) + 2>><<addSoulBlessing "rylan" 1>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Liora" "kissCount" 1>><<trackSexualExperience "Rylan" "sexualExperience" 2>><<trackSexualExperience "Liora" "sexualExperience" 2>><<trackSexualExperience "Rylan" "basicExperience" 2>><<trackSexualExperience "Liora" "basicExperience" 2>><<else>><<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $liora_kissCount = ($liora_kissCount || 0) + 1>><<set $rylan_sexualExperience = ($rylan_sexualExperience || 0) + 1>><<set $liora_sexualExperience = ($liora_sexualExperience || 0) + 1>><<set $rylan_basicExperience = ($rylan_basicExperience || 0) + 1>><<set $liora_basicExperience = ($liora_basicExperience || 0) + 1>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Liora" "kissCount" 1>><<trackSexualExperience "Rylan" "sexualExperience" 1>><<trackSexualExperience "Liora" "sexualExperience" 1>><<trackSexualExperience "Rylan" "basicExperience" 1>><<trackSexualExperience "Liora" "basicExperience" 1>><</if>><<changeLust "Rylan" 15>><<changeLust "Liora" 10>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 3>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 2>><<set $rylan_LioraAttraction = ($rylan_LioraAttraction || 0) + 2>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 2>><<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 2>><<trackAttraction "Rylan" "Liora" 2>><<trackAttraction "Liora" "Rylan" 2>><<trackLust "Rylan" 15>><<trackLust "Liora" 10>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="kiss-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">Unable to hold back any longer, I lean forward and press my lips gently against hers. The kiss is soft, tender, filled with all the relief and love I've been holding inside.</p> <center><img src="images/liora/chapter2/rylankiss/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <<if not $rylanFirstKiss or $rylanFirstKiss === "Liora">> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">This is my first kiss, and it's even more incredible than I ever imagined. My heart feels like it might burst from the pure, overwhelming joy of this moment.</p> <div class="blessing-showcase" style="background: linear-gradient(135deg, rgba(255,215,0,0.8), rgba(255,255,255,0.6)); border: 2px solid rgba(255,215,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #8b4513; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 15px;">✨ Soul Blessing ✨</p> <p style="color: #654321; font-size: 1.1em; margin-bottom: 10px;"><<print $humanName>>'s heart soars with pure love...</p> <p style="color: #8b4513; font-size: 1em;">+1 Soul Blessing - First Kiss</p> </div> <</if>> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">When we finally part, both of us are breathing heavily. Liora's cheeks are even more flushed now, and there's something in her eyes I can't quite read - surprise, maybe even a hint of confusion.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"That was..."</span> she starts, then trails off, touching her lips with her fingertips. <div style="clear: left;"></div> </div> <<if $liora_RylanKissCount === 1 and $lioraFirstKiss === "Seryk">> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">There's something strange in her expression, as if she's comparing this kiss to something else. But I push the thought away, lost in the moment.</p> <</if>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I love you, Liora. More than anything."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I... I love you too, <<print $humanName>>."</span> she whispers, though her voice carries a note of uncertainty that I don't quite understand. <div style="clear: left;"></div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Kiss Reflection</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Reflect on the moment.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|LioraKissReflection]]</div></div></div> <<if not $rylanFirstKiss or $rylanFirstKiss === "Liora">><<soulDisplay "rylan">><</if>><<statSummary>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $lioraFirstKiss = "Rylan">><<set $rylanFirstKiss = "Liora">><<set $rylan_LioraKissCount = ($rylan_LioraKissCount || 0) + 1>><<set $liora_RylanKissCount = ($liora_RylanKissCount || 0) + 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $liora_kissCount = ($liora_kissCount || 0) + 1>><<set $rylan_sexualExperience = ($rylan_sexualExperience || 0) + 2>><<set $liora_sexualExperience = ($liora_sexualExperience || 0) + 2>><<set $rylan_basicExperience = ($rylan_basicExperience || 0) + 2>><<set $liora_basicExperience = ($liora_basicExperience || 0) + 2>><<addSoulBlessing "rylan" 1>><<changeLust "Rylan" 15>><<changeLust "Liora" 10>><<set $rylan_LioraAffection = ($rylan_LioraAffection || 0) + 3>><<set $liora_RylanAffection = ($liora_RylanAffection || 0) + 3>><<set $rylan_LioraAttraction = ($rylan_LioraAttraction || 0) + 2>><<set $liora_RylanAttraction = ($liora_RylanAttraction || 0) + 2>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Liora" "kissCount" 1>><<trackSexualExperience "Rylan" "sexualExperience" 2>><<trackSexualExperience "Liora" "sexualExperience" 2>><<trackSexualExperience "Rylan" "basicExperience" 2>><<trackSexualExperience "Liora" "basicExperience" 2>><<trackAffection "Rylan" "Liora" 3>><<trackAffection "Liora" "Rylan" 3>><<trackAttraction "Rylan" "Liora" 2>><<trackAttraction "Liora" "Rylan" 2>><<trackLust "Rylan" 15>><<trackLust "Liora" 10>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="kiss-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">Unable to hold back any longer, I lean forward and press my lips gently against hers. The kiss is soft, tender, filled with all the relief and love I've been holding inside.</p> <center><img src="images/liora/chapter2/rylankiss/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">This is both our first kiss, and it's even more incredible than I ever imagined. My heart feels like it might burst from the pure, overwhelming joy of this moment.</p> <div class="blessing-showcase" style="background: linear-gradient(135deg, rgba(255,215,0,0.8), rgba(255,255,255,0.6)); border: 2px solid rgba(255,215,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #8b4513; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 15px;">✨ Soul Blessing ✨</p> <p style="color: #654321; font-size: 1.1em; margin-bottom: 10px;"><<print $humanName>>'s heart soars with pure love...</p> <p style="color: #8b4513; font-size: 1em;">+1 Soul Blessing - First Kiss</p> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">When we finally part, both of us are breathing heavily. Liora's cheeks are flushed, and her eyes are wide with wonder and amazement.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facewet.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"That was... my first kiss,"</span> she whispers, touching her lips with her fingertips. <span class="dialog-liora">"It was beautiful, <<print $humanName>>."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Mine too. I love you, Liora. More than anything."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/liora/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Liora"> <span class="dialog-liora">"I love you too, <<print $humanName>>. With all my heart."</span> she replies, her voice filled with pure joy and certainty. <div style="clear: left;"></div> </div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">There's no confusion in her eyes, no uncertainty. Just pure love and happiness. This moment feels perfect, like everything in the world has aligned just for us.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Perfect Moment</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">A perfect moment of love.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue...|LioraAfterShowerNow]]</div></div></div> <<soulDisplay "rylan">> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<if $visitChoice === "now">><<goto "MorningAfterKiss">><</if>><<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $gold += 200>><<trackOther "Party" "gold" 200>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="door-opening" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I wait outside Liora's door, my heart pounding with worry about how today's mission went. When the door finally opens, I'm relieved to see her standing there, though something seems different.</p> <center><img src="images/liora/chapter2/ntr2/ntrface1.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora, how are you feeling?"</span> I ask, immediately noticing her flushed cheeks and slightly disheveled appearance. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"A lot better, actually,"</span> she replies, though her voice seems a bit breathless. <span class="dialog-liora">"Much better than before."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">There's something in her tone I can't quite place, but I'm just glad she's okay.</p> </div> <div class="taking-responsibility" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/facesad.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora, what happened today was completely my fault. I'm so sorry."</span> I say earnestly, my voice heavy with guilt. <span class="dialog-rylan">"I promise I'll improve! I'll get stronger, smarter, better at everything."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I take a deep breath, wanting to make sure she understands how much I've learned.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"I learned today that teamwork is important. I won't do a one-man show again, just to prove myself. We're a team, and I should have trusted in that from the beginning."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"<<print $humanName>>..."</span> she says softly, her expression gentle and understanding. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Can I... can I come inside? I'd like to talk with you properly."</span> <div style="clear: left;"></div></div> </div> <div class="entering-room" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">Liora glances back into her room quickly, as if checking something, then turns back to me with a nod.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Okay, come in."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I step into her room, immediately feeling more at ease in the familiar, comfortable space. The soft lighting and her gentle presence always make me feel calmer.</p></div> <div class="heart-to-heart" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">We sit on her bed and talk for a while about the mission, about our fears, our hopes for the future. Liora listens patiently as I pour out my frustrations and determination to do better.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You don't have to carry everything by yourself, <<print $humanName>>. We're partners in this. All of us."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"You're right. I'm lucky to have you... to have all of you."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">As our conversation winds down, I find myself looking into her beautiful blue eyes. There's something different about her tonight, a kind of glow that makes my heart race.</p> </div> <div class="tender-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora... I'm so grateful you're okay. When I thought something might have happened to you..."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I reach out and gently cup her face in my hands, my thumb brushing against her still-flushed cheek.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"<<print $humanName>>..."</span> she whispers, her eyes fluttering closed as I lean closer. <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">My heart pounds as I look at her beautiful face. I feel overwhelmed with emotion, wanting to show her just how much she means to me...</p> <div style="background: rgba(100,150,200,0.2); border: 2px solid rgba(150,200,255,0.5); border-radius: 10px; padding: 20px; margin: 20px 0; text-align: center;"> <p style="color: #ffffff; font-size: 1.2em; margin-bottom: 15px;">How do you want to express your feelings?</p> <<link "Kiss her tenderly" "RylanKissChoice">><<set $choice = "kiss">><</link>> <<link "Give her a warm, loving hug" "RylanHugChoice">><<set $choice = "hug">><</link>></div></div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Express Your Feelings</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose how to show your care for Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">Choose an option above to continue</div></div></div> <<statSummary>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('liorarylandate.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $gold += 200>><<trackOther "Party" "gold" 200>> <div class="rylan-visit-container" style="background: linear-gradient(to bottom, rgba(40, 60, 80, 0.8), rgba(20, 40, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="door-opening" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I wait outside Liora's door, my heart pounding with worry about how today's mission went. When the door finally opens, I'm relieved to see her standing there in her soft pink pajamas.</p> <center><img src="images/liora/sleepwear.webp" style="width: 300px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora, how are you feeling?"</span> I ask, immediately noticing her slightly tired but peaceful expression. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Much better now, thank you for asking,"</span> she replies warmly. <span class="dialog-liora">"I was just resting after that hot shower."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">There's something calming about her presence that immediately puts me at ease.</p> </div> <div class="taking-responsibility" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/facesad.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora, what happened today was completely my fault. I'm so sorry."</span> I say earnestly, my voice heavy with guilt. <span class="dialog-rylan">"I promise I'll improve! I'll get stronger, smarter, better at everything."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I take a deep breath, wanting to make sure she understands how much I've learned.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"I learned today that teamwork is important. I won't do a one-man show again, just to prove myself. We're a team, and I should have trusted in that from the beginning."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"<<print $humanName>>..."</span> she says softly, her expression gentle and understanding. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Can I... can I come inside? I'd like to talk with you properly."</span> <div style="clear: left;"></div></div> </div> <div class="entering-room" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Of course, come in."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I step into her room, immediately feeling more at ease in the familiar, comfortable space. The soft lighting and her gentle presence always make me feel calmer.</p></div> <div class="heart-to-heart" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">We sit on her bed and talk for a while about the mission, about our fears, our hopes for the future. Liora listens patiently as I pour out my frustrations and determination to do better.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You don't have to carry everything by yourself, <<print $humanName>>. We're partners in this. All of us."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"You're right. I'm lucky to have you... to have all of you."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">As our conversation winds down, I find myself looking into her beautiful blue eyes. There's something pure and innocent about her that makes my heart race.</p> </div> <div class="tender-moment" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora... I'm so grateful you're okay. When I thought something might have happened to you..."</span> <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">I reach out and gently cup her face in my hands, my thumb brushing against her soft cheek.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"<<print $humanName>>..."</span> she whispers, her eyes fluttering closed as I lean closer. <div style="clear: left;"></div></div> <p style="color: #d0e0f0; line-height: 1.6; margin-bottom: 20px;">My heart pounds as I look at her beautiful face. I feel overwhelmed with emotion, wanting to show her just how much she means to me...</p> <div style="background: rgba(100,150,200,0.2); border: 2px solid rgba(150,200,255,0.5); border-radius: 10px; padding: 20px; margin: 20px 0; text-align: center;"> <p style="color: #ffffff; font-size: 1.2em; margin-bottom: 15px;">How do you want to express your feelings?</p> <<link "Kiss her tenderly" "RylanKissChoiceNow">><<set $choice = "kiss">><</link>> <<link "Give her a warm, loving hug" "RylanHugChoiceNow">><<set $choice = "hug">><</link>></div></div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Express Your Feelings</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Choose how to show your care for Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">Choose an option above to continue</div></div></div> <<statSummary>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<addSoulCorruption "liora" 1>><<trackOther "Liora" "corruption" 1>> <div class="liora-perspective-container" style="background: linear-gradient(to bottom, rgba(150, 120, 180, 0.8), rgba(130, 100, 160, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="inner-thoughts" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/liora/facewet.webp" style="width: 150px; height: 150px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 20px;"></center> <div class="saliva-animation-container" style="text-align: center; margin: 20px 0;"> <img id="salivaAnimation" src="images/liora/chapter2/ntr1/salivaswap1.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"> </div> <script> (function() { const images = [ 'images/liora/chapter2/ntr1/salivaswap1.webp', 'images/liora/chapter2/ntr1/salivaswap2.webp', 'images/liora/chapter2/ntr1/salivaswap3.webp', 'images/liora/chapter2/ntr1/salivaswap4.webp', 'images/liora/chapter2/ntr1/salivaswap5.webp', 'images/liora/chapter2/ntr1/salivaswap6.webp', 'images/liora/chapter2/ntr1/salivaswallow1.webp' ]; let currentIndex = 0; const animationElement = document.getElementById('salivaAnimation'); function nextFrame() { if (currentIndex < images.length - 1) { currentIndex++; animationElement.src = images[currentIndex]; setTimeout(nextFrame, 2000); } } setTimeout(nextFrame, 3000); })(); </script> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">As I close my eyes and open my mouth, trusting Seryk completely, I feel the first drop land on my tongue.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #dda0dd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-liora">It tastes... bitter at first. Strange. Is this some kind of mana potion Nimeria made? It doesn't taste like any healing draught I've ever had...</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I swallow obediently, feeling it slide down my throat. Another drop follows, then another.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #dda0dd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-liora">Wait... it's getting... sweeter? More pleasant somehow. My body is starting to feel warm all over. What kind of medicine is this?</span></p> </div> <center><img src="images/liora/chapter2/ntr1/mouthopen2.webp" style="width: 350px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">My breath comes faster as more drops land on my tongue. Each swallow sends a strange tingling sensation through my entire body.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #dda0dd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-liora">This feeling... I've never experienced anything like this before. My chest feels tight, my skin is burning but in a good way? Why does my body want more? Why do I feel so... strange?</span></p> </div> <div class="corruption-showcase" style="background: linear-gradient(45deg, rgba(120, 0, 120, 0.3), rgba(80, 0, 80, 0.4)); border: 2px solid rgba(150, 0, 150, 0.6); border-radius: 8px; padding: 15px; margin: 20px 0; text-align: center;"> <p style="color: #ff69b4; font-weight: bold; margin-bottom: 10px;">🌑 Soul Corruption Gained 🌑</p> <p style="color: #dda0dd; font-style: italic;">Something deep within Liora's soul stirs... an unfamiliar hunger awakening...</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #dda0dd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-liora">I want more... why do I want more? This medicine... it tastes so good now. Please don't stop, Seryk...</span></p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">When I hear Rylan's voice calling my name, part of me feels... disappointed? As if I don't want this moment to end.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #dda0dd; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span class="dialog-liora">What's happening to me? Why do I feel so different? And why... why do I already miss the taste?</span></p> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280üx; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Reunion</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Face the others while hiding your flushed state.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Stand up and face the others, trying to hide your flushed state.|LioraReunion]]</div></div></div> <<soulDisplay "liora">> <<statSummary>> <<changeFace "Liora">> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <<scrollingCredits 45>> <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; background: rgba(0,0,0,0.9); padding: 15px 25px; border-radius: 25px; border: 2px solid #ffd700;"> <p style="color: #ffd700; font-size: 1.1em; text-align: center; margin: 0;"> Cinematic credits will automatically continue to Chapter 3 in 45 seconds... </p> </div> <<script>> setTimeout(function() { SugarCube.Engine.play('Chapter3'); }, 47000); <</script>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <<scrollingCredits 30>> <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; background: rgba(0,0,0,0.9); padding: 15px 25px; border-radius: 25px; border: 2px solid #ffd700;"> <p style="color: #ffd700; font-size: 1.1em; text-align: center; margin: 0;"> Credits will automatically continue to Chapter 3 in 30 seconds... </p> </div> <<script>> setTimeout(function() { SugarCube.Engine.play('Chapter3'); }, 32000); <</script>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <<scrollingCredits 20>> <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; background: rgba(0,0,0,0.9); padding: 15px 25px; border-radius: 25px; border: 2px solid #ffd700;"> <p style="color: #ffd700; font-size: 1.1em; text-align: center; margin: 0;"> Quick credits will automatically continue to Chapter 3 in 20 seconds... </p> </div> <<script>> setTimeout(function() { SugarCube.Engine.play('Chapter3'); }, 22000); <</script>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('serinnimeriatalk.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $serin_NimeriaAffection += 5>><<set $nimeria_SerinAffection += 3>><<trackAffection "Serin" "Nimeria" 5>><<trackAffection "Nimeria" "Serin" 3>> <div class="scene-transition" style="background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(50,50,50,0.6)); padding: 30px; border-radius: 10px; text-align: center; margin-bottom: 25px;"> <p style="color: #ffffff; font-size: 1.4em; font-weight: bold; margin-bottom: 15px;">Meanwhile...</p> <div class="pov-change-animation" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.3); border-radius: 10px; padding: 20px; margin: 20px 0;"> <p style="color: #cccccc; font-style: italic; margin-bottom: 10px;">POV Change</p> <img src="images/chibi-models/serin.webp" style="width: 110px; height: 110px; margin: 10px;"> <p style="color: #90EE90; font-weight: bold;">Now playing as: Serin</p> </div> </div> <div class="serin-scene-container" style="background: linear-gradient(to bottom, rgba(60, 40, 30, 0.8), rgba(40, 30, 20, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="flower-delivery" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanhome.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I stomp into the house, my mood as dark as a storm cloud. Seryk has already gone upstairs, leaving me alone with my bitter thoughts. The pouch of Moonbell flowers feels heavy in my hands - a reminder of how <<print $humanName>> and Liora went off together while I was left to handle deliveries.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I find Nimeria in the sitting room, reading quietly. She looks up with her usual gentle smile as I enter.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Here are your flowers,"</span> I say flatly, tossing the pouch down on the table beside her. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Thank you, Serin. How did everything go today?"</span> Her voice is gentle, but there's something knowing in her eyes. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Too well for <<print $humanName>>,"</span> I reply sarcastically, turning to leave. <span class="dialog-serin">"He and Liora have their perfect little date. I'm done here."</span> <div style="clear: left;"></div> </div> <div class="nimeria-intervention" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Wait."</span> Her voice stops me in my tracks. <span class="dialog-nimeria">"Let's talk. Do you really love him?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"What gave you that idea?"</span> I snap, my cheeks burning with embarrassment. <span class="dialog-serin">"I don't know what you're talking about."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But Nimeria's expression grows serious, her usual gentle smile fading into something more intense.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I ask again. Do you love him or not?"</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The directness in her voice cuts through my defenses like a blade. I can't look away from her piercing gaze.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yes..."</span> I whisper, the word barely audible. <span class="dialog-serin">"But he's with Liora."</span> <div style="clear: left;"></div> </div> </div> <div class="harsh-reality" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Can you imagine him marrying Liora?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Both of them naked in bed, while he thrusts into her?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Liora pregnant with his child? Both of them having a family without you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Each word hits me like a physical blow. My voice gets weaker with each plea, the images flooding my mind against my will.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Will you just continue swallowing everything down? Try to find another man? Or just be alone for the rest of your life? Is that the happiness you choose?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facefurious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"STOP!!"</span> I scream, tears streaming down my face as the pain becomes unbearable. <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Anger floods through me, hot and fierce, replacing the pain with something more manageable.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facefurious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Then what should I do?!"</span> I shout, my voice breaking. <span class="dialog-serin">"What am I supposed to do?!"</span> <div style="clear: left;"></div> </div> </div> <div class="nimeria-solution" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Nimeria's smile returns then, but it's different now. Colder. More dangerous.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmileerie.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Simple,"</span> she says softly, her voice carrying a hint of something dark. <span class="dialog-nimeria">"Take back what is yours..."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Her words hang in the air like a promise... or a threat. The sitting room seems to grow quieter, as if the very house itself is holding its breath.</p> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Dark Seeds</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Seeds of jealousy have been planted.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|MorningAfterKiss]]</div></div></div> <<statSummary>> <<changeFace $currentSerinFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $rylanxserincontent = true>><<set $serinChapter2ArmpitSeen = true>><<set $serinChapter2ProgressionLevel = 1>> <div class="fight-scene" style="background: linear-gradient(to bottom, rgba(35, 30, 25, 0.9), rgba(25, 20, 15, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(50, 45, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚔️ Training Match ⚔️</p> <p style="color: #ffeb9c; font-size: 1.1em;">A friendly competition turns serious...</p></div> <div class="challenge-setup" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">After finishing her stretching routine, Serin bounces on her toes, looking energized and ready for action.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Alright, <<print $humanName>>, enough warming up. How about we make this interesting? Let's have a proper sparring match."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"A sparring match? Sure, I guess we could-"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"With a little wager. The loser has to do whatever the winner says for the rest of the training session."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I pause, immediately wary. Knowing Serin, her idea of "punishment" could be anything from embarrassing to... well, I'm not sure I want to find out.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I don't know about that... Maybe we should just stick to regular sparring?"</span> <div style="clear: left;"></div> </div> </div> <div class="provocation" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, what's this? Are you afraid you'll lose to a girl, <<print $humanName>>?"</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her tone is deliberately mocking, and I can see that familiar glint in her emerald eyes - she's baiting me, and she knows exactly which buttons to push.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"And here I thought you were stronger than that. I guess I was wrong about you being ready for real adventurer work."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">That does it. My pride flares up, and I feel my jaw clench. She knows exactly how to get under my skin, especially after yesterday's failures.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Fine! You're on. But don't come crying to me when you lose."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"That's more like it! Now you're talking like the <<print $humanName>> I know."</span> <div style="clear: left;"></div> </div> </div> <div class="fight-begins" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">We move to the center of the training hall, taking our fighting stances. The closed windows make the air feel thick and heavy, and I'm already starting to feel warm from the anticipation.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Serin drops into her usual agile stance, light on her feet, ready to dart in and out. I take a more defensive position, knowing her speed advantage.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">We circle each other for a moment, then she makes the first move - a quick jab that I barely manage to deflect. The fight is on.</p></div> <div class="intensity-builds" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">As we exchange blows and grapple for position, I quickly realize that Serin isn't holding back. She's using every trick she knows, and I'm having to work harder than I expected just to keep up.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The stuffy air of the closed training hall starts getting to me. I'm breathing harder, feeling sweat beginning to form on my forehead. The confined space is making everything feel more intense.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But it's not just the heat - there's something else. Every time Serin gets close during our grappling, I catch hints of her scent. The same musky, warm smell from when she was stretching earlier, now intensified by our physical exertion.</p></div> <div class="headlock-moment" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I make a tactical error, leaving myself open for just a moment. Serin takes advantage immediately, slipping behind me with lightning speed.</p> <center><img src="images/serin/chapter2/morningactivities/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can react, her arm wraps around my neck, pulling me into a tight headlock. My face is suddenly very close to her armpit, and the scent that I'd only caught hints of before hits me full force.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">It's overwhelming - musky, warm, and intoxicating. The heat from our fight suddenly feels different, more intense. My breathing, which had been labored from exertion, becomes deeper and more deliberate as I find myself involuntarily inhaling more of her scent.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Gotcha! Ready to give up, <<print $humanName>>?"</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But I'm barely listening to her words. There's something happening to me that I don't understand. The more I breathe in her scent, the more my body responds in ways I can't control. A warmth that has nothing to do with our fight starts spreading through me.</p></div> <div class="choice-moment" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I should be struggling to break free, should be focused on winning this match. But instead, I find myself torn between two impulses.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Part of me wants to escape this hold and continue fighting. But another part of me, a part I'm only just becoming aware of, wants to... stay like this. To keep breathing in that intoxicating scent that's awakening something inside me I've never felt before.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">What's wrong with me? Why does this feel so... arousing?</p></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Choose Your Action</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">What will you do in this situation?</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Keep breathing in her intoxicating scent|SerinHeadlockSmell]]</div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin-top: 10px;">[[Try to resist and break free from the hold|SerinHeadlockResist]]</div></div></div> </div> <</nobr>> <<set $rylan_armpitFetish = ($rylan_armpitFetish || 0) + 0.3>><<trackFetish "Rylan" "armpitFetish" 0.3>><<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.2>><<trackFetish "Rylan" "smellFetish" 0.2>><<changeLust "Rylan" 8>><<trackLust "Rylan" 8>><<set $serin_RylanAttraction = ($serin_RylanAttraction || 0) + 2>><<trackAttraction "Serin" $humanName 2>><<set $rylan_SerinAttraction = ($rylan_SerinAttraction || 0) + 1>><<trackAttraction $humanName "Serin" 1>><<statSummary>> <<changeFace $currentRylanFace>>

<<nobr>> <<script>>window.AudioSystem.playBGM('serinnimeriatalk.mp3');<</script>><<set $serin_NimeriaAffection += 5>><<set $nimeria_SerinAffection += 3>><<trackAffection "Serin" "Nimeria" 2>><<trackAffection "Nimeria" "Serin" 3>> <div class="serin-scene-container" style="background: linear-gradient(to bottom, rgba(60, 40, 30, 0.8), rgba(40, 30, 20, 0.7)); min-height: 400px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="flower-delivery" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanhome.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I walk into the sitting room, the pouch of Moonbell flowers feeling heavier than it should in my hands. The successful mission should have lifted my spirits, but all I can think about is how <<print $humanName>> was so worried about Liora while barely acknowledging my own contributions today.</p> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">I find Nimeria in the sitting room, reading quietly by the window. She looks up with her usual gentle smile as I enter.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Here are your flowers,"</span> I say, setting the pouch down on the table beside her with perhaps more force than necessary. <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Thank you, Serin. How did everything go today?"</span> Her voice is gentle, but there's something knowing in her eyes. <span class="dialog-nimeria">"You seem... troubled."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh, it went perfectly for some people,"</span> I reply sarcastically, crossing my arms. <span class="dialog-serin">"Fought fifteen goblins by myself, helped clear out a whole cave, but all <<print $humanName>> can think about is how worried he is for Liora."</span> <div style="clear: left;"></div> </div> <div class="nimeria-intervention" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Wait."</span> Her voice stops me in my tracks. <span class="dialog-nimeria">"Let's talk. Do you really love him?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"What gave you that idea?"</span> I snap, my cheeks burning with embarrassment. <span class="dialog-serin">"I don't know what you're talking about."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">But Nimeria's expression grows serious, her usual gentle smile fading into something more intense.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"I ask again. Do you love him or not?"</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">The directness in her voice cuts through my defenses like a blade. I can't look away from her piercing gaze.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Yes..."</span> I whisper, the word barely audible. <span class="dialog-serin">"But he's with Liora."</span> <div style="clear: left;"></div> </div> </div> <div class="harsh-reality" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Can you imagine him marrying Liora?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Both of them naked in bed, while he thrusts into her?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facecold.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Liora pregnant with his child? Both of them having a family without you?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Stop..."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Each word hits me like a physical blow. My voice gets weaker with each plea, the images flooding my mind against my will.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Will you just continue swallowing everything down? Try to find another man? Or just be alone for the rest of your life? Is that the happiness you choose?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"STOP!!"</span> I scream, tears streaming down my face as the pain becomes unbearable. <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Anger floods through me, hot and fierce, replacing the pain with something more manageable.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facefurious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Then what should I do?!"</span> I shout, my voice breaking. <span class="dialog-serin">"What am I supposed to do?!"</span> <div style="clear: left;"></div> </div> </div> <div class="nimeria-solution" style="background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Nimeria's smile returns then, but it's different now. Colder. More dangerous.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/nimeria/facesmileerie.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Nimeria"> <span class="dialog-nimeria">"Simple,"</span> she says softly, her voice carrying a hint of something dark. <span class="dialog-nimeria">"Take back what is yours..."</span> <div style="clear: left;"></div> </div> <p style="color: #c8d8c8; line-height: 1.6; margin-bottom: 20px;">Her words hang in the air like a promise... or a threat. The sitting room seems to grow quieter, as if the very house itself is holding its breath.</p> </div> <div class="choice-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center;"> <p style="color: #90EE90; font-size: 1.1em; margin-bottom: 20px;">Seeds of jealousy have been planted... and something dark begins to take root.</p> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Dark Seeds</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Seeds of jealousy have been planted.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|POVTransitionSerinToHumanName]]</div></div></div> </div> <<statSummary>> <<changeFace $currentSerinFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -5>><<set _attractionMod = Math.floor(($rylan_SerinAttraction || 0) / 20) * -5>><<set _smellFetishMod = Math.floor(($rylan_smellFetish || 0) / 10) * -5>><<set _totalMod = _lustMod + _attractionMod + _smellFetishMod>><<set _threshold = 35 + _totalMod>><<set _resistanceRoll = random(1, 100)>><<set _resistanceSuccess = _resistanceRoll > _threshold>> <div class="resistance-scene" style="background: linear-gradient(to bottom, rgba(35, 30, 25, 0.9), rgba(25, 20, 15, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(50, 45, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🛡️ Resistance Attempt 🛡️</p> <p style="color: #ffeb9c; font-size: 1.1em;">Fighting against the overwhelming sensation...</p> </div> <<if _resistanceSuccess>> <div class="successful-resistance" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">No! I can't let myself get distracted like this. This is a fight, and I need to focus. With a surge of determination, I grab Serin's arm and use her own momentum against her.</p> <center><img src="images/serin/chapter2/morningactivities/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I manage to break free from her hold, spinning around to face her. But even as I escape, that musky scent still lingers in my nostrils, and I can feel my heart racing from more than just the physical exertion.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh! Not bad, <<print $humanName>>. I didn't expect you to break out of that so easily."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But my moment of triumph is short-lived. In my haste to escape her hold, I've left myself completely open. Serin doesn't waste the opportunity.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can recover my stance, she sweeps my legs and pins me to the ground. The fight is over.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Well, that was interesting. But you still lost, which means you owe me that punishment."</span> <div style="clear: left;"></div> </div> </div> <<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.1>><<trackFetish "Rylan" "smellFetish" 0.1>><<changeLust "Rylan" 3>><<changeLust "Serin" 2>><<trackLust "Rylan" 3>><<trackLust "Serin" 2>><<set $rylan_SerinAttraction = ($rylan_SerinAttraction || 0) + 1>><<trackAttraction $humanName "Serin" 1>> <<else>> <div class="failed-resistance" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I try to focus, try to push away the strange sensations and break free. But the moment I take another breath, that intoxicating scent fills my lungs again, and my resolve crumbles.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">My hands, which should be pushing against her arm, instead seem to relax. My breathing becomes deeper, more deliberate, as if my body is betraying my mind's attempts to resist.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can feel myself sinking into some kind of trance, the heat and musk surrounding me becoming all I can think about. Even when Serin loosens her grip slightly, I don't try to escape.</p> <center><img src="images/serin/chapter2/morningactivities/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>? Are you... are you okay? You're not even trying to get away anymore."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can hear the confusion in her voice, but it seems to come from far away. All I can focus on is that incredible scent, and without even realizing what I'm doing, I find myself pressing closer, my tongue darting out to taste...</p> <center><img src="images/serin/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"W-what are you... <<print $humanName>>!"</span> <div style="clear: left;"></div> </div> </div> <div class="resistance-headlock-released" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can hear the shock in her voice, but it doesn't register. My failed attempt at resistance has somehow made the trance even deeper. When Serin's arm releases from around my neck completely, I don't pull away.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Instead, I press even closer, my hands coming up to steady myself as I continue what I was doing, completely lost in the overwhelming sensations.</p> <center><img src="images/serin/chapter2/morningactivities/lickingarmpit2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>... I... I let go. You don't have to... why are you still..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her voice is barely a whisper, filled with confusion and something else. But her words are meaningless to me now. All that exists is the taste, the scent, the warmth.</p> </div> <div class="resistance-serin-lets-happen" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Long moments pass as I remain lost in my trance. Serin has gone completely still, neither encouraging nor stopping me. I can sense her conflicted emotions even through my clouded state.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"This is... I don't understand... you tried to resist but now you're... oh god..."</span> <div style="clear: left;"></div> </div> <center><img src="images/serin/chapter2/morningactivities/lickingarmpit3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Time becomes meaningless as I continue, my tongue moving in slow, deliberate motions. The failed resistance seems to have made the experience even more intense, as if my body is rebelling against my mind's attempt to deny what it wants.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Eventually, gradually, the fog begins to clear. The trance-like state starts to fade, and reality comes crashing back. The shock in her voice finally breaks through whatever spell I was under.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I suddenly realize what I was doing and jerk back, my face burning with embarrassment and confusion. The taste still lingers on my tongue, and I can see the deep blush on Serin's face.</p> </div> <<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.3>><<trackFetish "Rylan" "smellFetish" 0.3>><<set $rylan_armpitFetish = ($rylan_armpitFetish || 0) + 0.4>><<trackFetish "Rylan" "armpitFetish" 0.4>><<changeLust "Rylan" 12>><<changeLust "Serin" 10>><<trackLust "Rylan" 12>><<trackLust "Serin" 10>><<set $serin_RylanAttraction = ($serin_RylanAttraction || 0) + 3>><<trackAttraction "Serin" $humanName 3>><<set $rylan_SerinAttraction = ($rylan_SerinAttraction || 0) + 2>><<trackAttraction $humanName "Serin" 2>> <</if>> <div class="aftermath" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... I'm sorry, I don't know what came over me..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Serin stands up, her face still flushed, looking just as confused as I feel. There's something different in her expression now - a mixture of surprise, curiosity, and something else I can't quite identify.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"That was... unexpected. But a win is a win."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can say anything else, she steps closer and, to my complete shock, presses her lips against mine in a quick but firm kiss. My heart nearly stops.</p> <center><img src="images/serin/chapter2/morningactivities/kissrylan.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <<if not $rylanFirstKiss>><<set $rylanFirstKiss = "Serin">><<addSoulCorruption "rylan" 2>><</if>><<if not $serinFirstKiss>><<set $serinFirstKiss = "Rylan">><<addSoulCorruption "serin" 1>><</if>><<if ($rylan_SerinKissCount || 0) === 0>><<addSoulCorruption "rylan" 1>><<addSoulCorruption "serin" 1>><</if>><<if _resistanceSuccess !== true>><<addSoulCorruption "rylan" 1>><</if>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $serin_kissCount = ($serin_kissCount || 0) + 1>><<set $rylan_SerinKissCount = ($rylan_SerinKissCount || 0) + 1>><<set $serin_RylanKissCount = ($serin_RylanKissCount || 0) + 1>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Serin" "kissCount" 1>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Serin" "kissExperience" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Meet me in my room in five minutes for your punishment, <<print $humanName>>. And don't keep me waiting."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She grabs the nylon fabric that was lying on the table nearby and heads toward the door, pausing only to look back at me with that mischievous smile of hers.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Five minutes, <<print $humanName>>. Don't make me come looking for you."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">And with that, she's gone, leaving me alone in the training hall, trying to process what just happened and what this "punishment" might entail.</p> </div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;">Both <<print $humanName>> and Serin's souls darken with forbidden desire...</p> <p style="color: #ff8888; font-size: 1em;">Corruption increases from this intimate encounter</p> </div> <<soulDisplay "rylan">><<soulDisplay "serin">> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Punishment Time</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head to Serin's room for the punishment.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to Serin's room for the punishment|SerinRoomPunishment]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="submission-scene" style="background: linear-gradient(to bottom, rgba(35, 30, 25, 0.9), rgba(25, 20, 15, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(50, 45, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌀 Giving In to Temptation 🌀</p> <p style="color: #ffeb9c; font-size: 1.1em;">Surrendering to the overwhelming sensation...</p> </div> <div class="giving-in" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can't fight it anymore. Whatever this feeling is, whatever's happening to me, I don't want it to stop. Instead of struggling, I take a deeper breath, letting that intoxicating scent fill my lungs completely.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">It's like nothing I've ever experienced before. The musky, warm smell seems to seep into every part of me, making my body feel heavy and my mind fog over with a strange, pleasant haze.</p> <center><img src="images/serin/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>? You're... you're not even trying to escape. What's gotten into you?"</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can hear her voice, but it seems distant, unimportant. All that matters is this incredible sensation, this scent that's driving me deeper into some kind of trance.</p> </div> <div class="trance-deepens" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I feel Serin's grip loosen slightly, probably expecting me to break free now that I have the chance. But instead, I press closer, breathing even deeper, lost in the overwhelming sensation.</p> <center><img src="images/serin/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">My mind is completely clouded now, operating on pure instinct. The scent is so powerful, so intoxicating, that I find myself wanting more than just to smell it.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"W-what are you doing? <<print $humanName>>, this is..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I even realize what I'm doing, my tongue darts out, tasting the source of that incredible scent. The salty, musky flavor only intensifies the trance I'm in.</p> <center><img src="images/serin/chapter2/morningactivities/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Oh god... <<print $humanName>>, you're actually... you're actually licking my..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can hear the shock in her voice, but I'm too far gone to care. The taste, the scent, the warmth - it's all consuming me completely. My tongue moves of its own accord, exploring, tasting, completely lost in this new sensation.</p> </div> <div class="headlock-released" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Suddenly, I feel Serin's arm release from around my neck completely. She's let go of the headlock entirely, probably expecting me to pull away now that I'm free.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But I don't. I can't. Instead of pulling back, I actually press closer, my hands coming up to steady myself as I continue what I was doing, completely lost in the trance.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>... you... you don't have to... I'm not even holding you anymore..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her voice is barely a whisper, filled with confusion and something else I can't identify in my current state. But her words don't register. All I can focus on is the intoxicating taste and scent.</p> </div> <div class="serin-lets-it-happen" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Minutes pass, though they feel like hours in my trance-like state. Serin has gone completely still, neither encouraging nor stopping me. I can feel her body trembling slightly, hear her breathing becoming uneven.</p> <center><img src="images/serin/chapter2/morningactivities/lickingarmpit2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I... I don't understand what's happening... this isn't... people don't usually..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She trails off, and I can sense her internal struggle. Part of her wants to stop this, but another part... another part seems curious, maybe even enjoying the strange intimacy of the moment.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I continue, lost in my own world, my tongue moving in slow, deliberate motions. The salty taste, the musky scent, the warmth of her skin - it's all I can think about, all that exists in my clouded mind.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"<<print $humanName>>... this is so... I've never... oh god..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Time seems to stand still as I remain lost in this trance, completely unaware of how long I've been doing this, completely focused on the overwhelming sensations that have taken control of my mind and body.</p> </div> <div class="serin-confused" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Even in my trance-like state, I can sense Serin's confusion. She's clearly never experienced anything like this before, and neither have I. Her tough, teasing demeanor has completely cracked.</p> <center><img src="images/serin/chapter2/morningactivities/lickingarmpit3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"This... this isn't normal, is it? People don't usually... I mean, I've never had someone react like this to..."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She trails off, clearly flustered and uncertain. I can feel her body tense and then relax, as if she's fighting her own conflicted feelings about what's happening.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">But I'm lost in my own world, completely absorbed in this new sensation that I never knew existed. Time seems to slow down as I continue, driven by pure instinct.</p> </div> <div class="awakening" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Gradually, slowly, the fog in my mind begins to clear. The trance-like state starts to fade, and reality comes crashing back to me like a cold wave.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I suddenly realize what I've been doing, what position I'm in, and the taste that's still on my tongue. Horror and embarrassment flood through me as I jerk back, my face burning with shame.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Oh god... what did I... I'm so sorry, Serin, I don't know what came over me!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"I... that was... unexpected. I've never seen anyone react like that before."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">We both sit there for a moment, trying to process what just happened. The air between us feels charged with a new kind of tension I've never experienced before.</p> </div> <div class="aftermath" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Well... I definitely won that match. Which means you owe me that punishment."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can say anything, she steps closer and, to my complete shock, presses her lips against mine in a firm, lingering kiss. My heart pounds as I taste something new on her lips.</p> <center><img src="images/serin/chapter2/morningactivities/kissrylan.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <<if ($rylanFirstKiss || "") === "">><<set $rylanFirstKiss = "Serin">><<addSoulCorruption "rylan" 2>><</if>><<if ($serinFirstKiss || "") === "">><<set $serinFirstKiss = "Rylan">><<addSoulCorruption "serin" 1>><</if>><<if ($rylan_SerinKissCount || 0) === 0>><<addSoulCorruption "rylan" 1>><<addSoulCorruption "serin" 1>><</if>><<addSoulCorruption "rylan" 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $serin_kissCount = ($serin_kissCount || 0) + 1>><<set $rylan_SerinKissCount = ($rylan_SerinKissCount || 0) + 1>><<set $serin_RylanKissCount = ($serin_RylanKissCount || 0) + 1>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Serin" "kissCount" 1>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Serin" "kissExperience" 1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Meet me in my room in five minutes for your punishment, <<print $humanName>>. After what just happened, I think we need to have a more... private conversation."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She grabbed the nylon fabric that was lying on the table nearby and heads toward the door, pausing to look back at me with an expression I can't quite read - part teasing, part curious, part something else entirely.</p> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Serin"> <span class="dialog-serin">"Five minutes, <<print $humanName>>. Don't make me come looking for you... though after that display, I'm not sure you'd mind if I did."</span> <div style="clear: left;"></div> </div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">And with that, she's gone, leaving me alone to try to understand what just happened to me and what this "punishment" might involve after such an intimate encounter.</p> </div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;">Both <<print $humanName>> and Serin's souls darken with forbidden desire...</p> <p style="color: #ff8888; font-size: 1em;">Deep corruption from embracing temptation</p> </div> <<soulDisplay "rylan">><<soulDisplay "serin">> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Punishment Time</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Head to Serin's room for the punishment.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Head to Serin's room for the punishment|SerinRoomPunishment]]</div></div></div> <<set $rylan_armpitFetish = ($rylan_armpitFetish || 0) + 0.5>><<trackFetish "Rylan" "armpitFetish" 0.5>><<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.4>><<trackFetish "Rylan" "smellFetish" 0.4>><<set $rylan_salivaFetish = ($rylan_salivaFetish || 0) + 0.3>><<trackFetish "Rylan" "salivaFetish" 0.3>><<changeLust "Rylan" 15>><<changeLust "Serin" 12>><<trackLust "Rylan" 15>><<trackLust "Serin" 12>><<set $serin_RylanAttraction = ($serin_RylanAttraction || 0) + 4>><<trackAttraction "Serin" $humanName 4>><<set $rylan_SerinAttraction = ($rylan_SerinAttraction || 0) + 3>><<trackAttraction $humanName "Serin" 3>><<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('serinxnimeriareport.mp3');<</script>><<set $currentFace = $currentSerinFace>> <div class="serin-report-scene" style="background: linear-gradient(to bottom, rgba(35, 25, 45, 0.9), rgba(25, 15, 35, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(60, 40, 60, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ff69b4; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💜 Serin's Report 💜</p> <p style="color: #ffccdd; font-size: 1.1em;">Time to share the news...</p></div> <div class="excited-approach" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can barely contain my excitement as I practically skip down the hallway to Nimeria's room. My heart is still racing from what just happened with <<print $humanName>>.</p> <<if $serinChapter2ArmpitSeen>><p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">It worked exactly like Nimeria said it would!</p> <<elseif $rylanxserincontent>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Even though he chose the boring training path, I still managed to make some progress.</p> <<else>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I didn't get to train with him at all today. He completely avoided me.</p> <</if>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I knock on her door, trying to keep my voice calm.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Nimeria? Are you in there? I have some... interesting news to share."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The door opens, and Nimeria appears with that knowing smile of hers. She somehow always seems to know what's coming.</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Oh? Come in, Serin. Tell me everything."</span> <div style="clear: left;"></div></div> <<if $serinChapter2ArmpitSeen>><div class="successful-report" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I step inside her room, closing the door behind me. I can't help but grin as I recall what just happened.</p> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Nimeria, it went exactly as you said it would! He completely submitted to the smell of those pantyhose. I've never seen anything like it!"</span> <div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"I'm so happy to hear that, Serin. Did he... respond as we hoped?"</span> <div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"He actually climaxed just from the scent! I couldn't believe it. But Nimeria... what's so special about those pantyhose? They worked so perfectly, like magic."</span> <div style="clear: left;"></div></div> <div class="nimerias-secret" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria's smile becomes even more mysterious, if that's possible. There's something in her eyes that makes me curious about her true nature.</p> <img src="images/nimeria/facesmileerie.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"That's my little secret, Serin. Let's just say I have my ways of making things... more effective."</span> <div style="clear: left;"></div> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"You're so mysterious sometimes. But thank you so much for letting me borrow them."</span> <div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Oh, you won't need them anymore from now on. The seed has been planted. <<print $humanName>> is already slightly addicted to your smell now. If you continue listening to me, you'll 100% reach your goal."</span> <div style="clear: left;"></div></div> <<elseif $rylanxserincontent>><div class="partial-report" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I step inside her room, closing the door behind me. I feel a bit disappointed but still hopeful.</p> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Nimeria, he chose the boring training path instead of the armpit scene. But I still managed to get a kiss out of him!"</span> <div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"That's still progress, Serin. Every little step counts. How did he react to the kiss?"</span> <div style="clear: left;"></div> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"He was completely shocked! His eyes went wide and he couldn't speak for a moment. It was actually kind of cute."</span> <div style="clear: left;"></div></div> <div class="nimerias-encouragement" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria nods thoughtfully, her smile encouraging rather than disappointed.</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Don't worry, Serin. Sometimes the slower approach works better. The fact that he let you kiss him shows he's not completely resistant to your advances."</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"You think so? I was worried he'd be angry or something."</span> <div style="clear: left;"></div> <img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Trust me, if he was truly against it, he would have pushed you away immediately. The shock means he was surprised but not necessarily opposed. We'll just need to be more patient with him."</span> <div style="clear: left;"></div></div> <<else>><div class="avoided-report" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I step inside her room, closing the door behind me. I feel frustrated and disappointed.</p> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Nimeria, he completely avoided me today. I didn't get to train with him at all."</span> <div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Oh? What happened? Did he give you a reason?"</span> <div style="clear: left;"></div> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"He just said he was busy or had other plans. I tried to convince him, but he was really firm about it."</span> <div style="clear: left;"></div></div> <div class="nimerias-strategy" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria thinks for a moment, then smiles reassuringly.</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Don't worry, Serin. Sometimes people need space, especially when they're confused about their feelings. This might actually be a good sign."</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"A good sign? How?"</span> <div style="clear: left;"></div> <img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"If he's avoiding you, it might mean he's afraid of how he feels around you. That's actually progress! We just need to be more subtle in our approach."</span> <div style="clear: left;"></div></div> <</if>><div class="grateful-embrace" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <<if $serinChapter2ArmpitSeen>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can't contain my excitement and gratitude anymore. I rush forward and wrap my arms around Nimeria in a tight hug.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Thank you so much, Nimeria! I never thought this could actually work, but you made it possible!"</span> <div style="clear: left;"></div> <<elseif $rylanxserincontent>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I feel grateful for her encouragement and support. I step forward and give her a warm hug.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Thank you for believing in me, Nimeria. Even if it's slower than we hoped, I'm not giving up!"</span> <div style="clear: left;"></div> <<else>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I feel grateful for her understanding and support. I step forward and give her a warm hug.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Thank you for not giving up on me, Nimeria. I'll try harder next time!"</span> <div style="clear: left;"></div> <</if>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She hugs me back warmly, and I feel a strange sense of comfort and trust with her. But a question has been nagging at me.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"But Nimeria... why do you do all this for me? What's in it for you?"</span> <div style="clear: left;"></div></div> <div class="nimerias-philosophy" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"I really like you, Serin, and I want to be just. I like Liora too, but she had an unfair start in the race of love. I want to spread love for everyone."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her words make sense, but I still feel a twinge of guilt about what we're doing. Liora is my <<print $serinLioraRelation>>, after all.</p> <img src="images/serin/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"But... I feel like I'm doing something wrong. Liora trusts me."</span> <div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Don't you think that <<print $humanName>> is someone really special?"</span> <div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Yes... he really is."</span> <div style="clear: left;"></div></div> <div class="philosophical-discussion" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"I think so too. He deserves so much, and it would be greedy for a woman to keep him only for herself, don't you agree?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I think about her words. There's a logic to them that I can't deny, even if it feels strange.</p> <img src="images/serin/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Maybe... I never thought about it that way."</span> <div style="clear: left;"></div> <img src="images/nimeria/facesmileerie.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"So what do you think? Would you rather be without him, or have him and share him with the people you love?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">When she puts it like that, the answer seems obvious. Being without him would be unbearable.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"The latter, I guess... Sharing him would be better than not having him at all."</span> <div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Then we both see eye to eye, don't we?"</span> <div style="clear: left;"></div></div> <div class="next-steps" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Okay... I think I understand now. What's next?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Nimeria's smile brightens, and she claps her hands together with obvious excitement.</p> <<if $serinChapter2ArmpitSeen>><img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Next we go shopping! There are some things we'll need for the next phase of our plan."</span> <div style="clear: left;"></div> <<elseif $rylanxserincontent>><img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Next we go shopping! We'll need some special items to help speed up the process."</span> <div style="clear: left;"></div> <<else>><img src="images/nimeria/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-nimeria">"Next we go shopping! We'll need some special items to help us be more... persuasive."</span> <div style="clear: left;"></div> <</if>><img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Shopping? That sounds fun! I can't wait to see what you have in mind."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">As we prepare to leave her room, I feel a renewed sense of purpose and excitement. With Nimeria's help, I really might have a chance with <<print $humanName>> after all.</p></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to morning activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue to morning activities|MorningActivities]]</div></div></div> </div><<set $serin_NimeriaAffection = ($serin_NimeriaAffection || 0) + 3>><<trackAffection "Serin" "Nimeria" 3>><<set $nimeria_SerinAffection = ($nimeria_SerinAffection || 0) + 3>><<trackAffection "Nimeria" "Serin" 3>><<set $nimeria_RylanAffection = ($nimeria_RylanAffection || 0) + 3>><<trackAffection "Nimeria" $humanName 3>><<set $nimeria_RylanAttraction = ($nimeria_RylanAttraction || 0) + 2>><<trackAttraction "Nimeria" $humanName 2>><<set $nimeria_Lust = ($nimeria_Lust || 0) + 5>><<trackLust "Nimeria" 5>><<statSummary>><<changeFace $currentSerinFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $serinChapter2PunishmentSeen = true>> <div class="punishment-room-scene" style="background: linear-gradient(to bottom, rgba(25, 20, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 800px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(60, 40, 60, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ff69b4; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">👑 Serin's Punishment 👑</p> <p style="color: #ffccdd; font-size: 1.1em;">Time to pay for losing the match...</p></div> <div class="room-entry" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I knock on Serin's door and hear her call me in. As I step inside, I'm immediately hit by that same musky, intoxicating scent from the training hall, but here it's even stronger, more concentrated.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">My eyes immediately notice something different about Serin. Instead of her usual white socks, she's wearing black pantyhose that hug her legs perfectly. I've never seen her wear anything like this before, and the sight makes my heart race for reasons I don't fully understand.</p> <center><img src="images/serin/chapter2/morningactivities/feet/portrait.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Good, you actually came. Close the door behind you."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">There's something different in her tone - more commanding, more confident than I've ever heard before. I do as she says, closing the door with a soft click.</p></div> <div class="dominance-begins" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Now, <<print $humanName>>, I want you to get on your knees and put your hands behind your back."</span> <div style="clear: left;"></div> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"What?! Serin, what are you talking about? This is crazy!"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Her expression changes instantly, becoming more serious and dominant than I've ever seen her. She steps closer, and I can smell that intoxicating scent even stronger now.</p> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"I said, get on your knees. NOW. You lost the match, and this is your punishment. Don't make me ask again."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Something in her voice, combined with that overwhelming scent in the room, makes me feel strangely compelled to obey. My body seems to move on its own as I slowly sink to my knees and place my hands behind my back.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"That's better. Good boy."</span> <div style="clear: left;"></div></div> <div class="bondage-preparation" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I hear her moving around behind me, and then I feel something soft but strong wrapping around my wrists. She's binding my hands with what feels like fabric - probably one of her hair ties or something similar.</p> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"There we go. Now you can't run away from your punishment."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can protest, I feel something soft covering my eyes - it smells familiar, like one of her old socks. Everything goes dark as she ties it securely behind my head.</p> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Serin, what are you doing? This is getting weird..."</span> <div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Shh. Just be a good boy and accept your punishment."</span> <div style="clear: left;"></div></div> <div class="punishment-begins" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Suddenly, I feel something warm and damp pressing against my face. The smell is overwhelming - musky, salty, and incredibly strong. It's so intense that my first instinct is to pull away.</p> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Ew! What is that?! It smells so strong!"</span> <div style="clear: left;"></div> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"That's your punishment, <<print $humanName>>. And you're going to smell it whether you like it or not."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I try to turn my head away, but she grabs my hair firmly and keeps whatever it is pressed against my face.</p> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Keep your face right there and keep smelling it. Don't you dare pull away."</span> <div style="clear: left;"></div></div> <div class="forced-inhalation" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Something about her commanding tone makes me stop resisting. I keep my face pressed against whatever she's holding, breathing in the intense scent despite myself.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Good boy. Now keep inhaling like it's the best thing in the world. Deep breaths."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I do as she says, taking deeper breaths. At first, the smell is almost vinegar-like and overwhelming, but as I continue inhaling, something strange happens. My body starts to relax, and the scent begins to smell... different. Sweeter. More intoxicating.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can feel my heart racing and a warmth spreading through my body. What started as disgust is slowly transforming into something else entirely - something I don't understand but can't deny.</p></div> <div class="revelation" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Suddenly, I feel the sock being pulled away from my eyes. As my vision adjusts, I'm shocked to see exactly what's been pressed against my face - Serin's foot encased in the black pantyhose, the fabric slightly damp with moisture and still pressed firmly against my nose and mouth.</p> <center><img src="images/serin/chapter2/morningactivities/feet/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Oh my god... your foot?!"</span> <div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"That's right! My sweaty, pantyhose-covered foot has been pressed against your face this whole time. And you've been breathing it in like a good little foot boy."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She presses her foot harder against my face, her toes curling slightly through the black pantyhose as she rubs the nylon-covered sole against my nose and lips.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Can you feel how warm and damp my pantyhose are? I've been wearing these all morning during training. They're absolutely soaked with my sweat."</span> <div style="clear: left;"></div></div> <div class="foot-worship-begins" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I can't form words, completely overwhelmed by the sight and scent. The black nylon fabric is indeed damp with her sweat, and the musky aroma is even more intense now that I can see its source.</p> <center><img src="images/serin/chapter2/morningactivities/feet/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"What's wrong, <<print $humanName>>? Cat got your tongue? Or are you too busy sniffing my feet to speak?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She wiggles her toes through the pantyhose, the fabric stretching slightly as she does. I can see every detail through the sheer black material - the shape of her toes, the curves of her sole, everything.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"I never knew you had such a perverted side, <<print $humanName>>. Getting all excited from the smell of my sweaty feet."</span> <div style="clear: left;"></div></div> <div class="deeper-submission" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She switches to her other foot, and this one is even more intense. The scent is stronger, the fabric damper with sweat. My breathing becomes even more labored as she presses it firmly against my face.</p> <center><img src="images/serin/chapter2/morningactivities/feet/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"This foot is even sweatier. I bet you can really taste the salt through the nylon, can't you? Go ahead, take a deep breath."</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Serin... this is so... I can't believe..."</span> <div style="clear: left;"></div> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Can't believe what? That you're getting turned on by this? I can see it in your eyes, <<print $humanName>>. You're loving every second of this."</span> <div style="clear: left;"></div></div> <div class="alternating-torture" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She begins alternating between both feet, sometimes pressing both against different parts of my face simultaneously. The overwhelming sensation of being completely surrounded by her scent is driving me deeper into this strange trance.</p> <center><img src="images/serin/chapter2/morningactivities/feet/4.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Look at you, completely helpless. My little foot slave, aren't you? Tell me how much you love the smell."</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"I... I don't understand what's happening to me..."</span> <div style="clear: left;"></div> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"What's happening is that you're discovering your true nature. You're a foot boy, <<print $humanName>>. My foot boy."</span> <div style="clear: left;"></div></div> <div class="increasing-intensity" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She becomes more aggressive now, rubbing her pantyhose-covered soles all over my face, making sure I'm completely covered in her scent. The nylon fabric creates a unique texture against my skin.</p> <center><img src="images/serin/chapter2/morningactivities/feet/5.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"I want you to remember this smell, <<print $humanName>>. Every time you see me in pantyhose from now on, you're going to think about this moment."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She uses her toes to grip my nose through the fabric, forcing me to breathe even deeper. The combination of the visual, the scent, and her dominating words is completely overwhelming my senses.</p> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"You're completely addicted now, aren't you? I can see it in your breathing, in your eyes. You never want me to stop."</span> <div style="clear: left;"></div></div> <div class="final-domination" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The climax is building as she continues her relentless teasing. She presses both feet against my face now, completely enveloping me in the intoxicating scent of her pantyhose-covered feet.</p> <center><img src="images/serin/chapter2/morningactivities/feet/6.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"This is what you are now, <<print $humanName>>. My personal foot worshiper. Say it. Tell me what you are."</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"I'm... I'm your..."</span> <div style="clear: left;"></div> <img src="images/serin/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Say it properly! What are you?"</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"I'm your foot boy..."</span> <div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Good boy! Now show me how much you worship my feet. Keep smelling them until you can't take it anymore."</span> <div style="clear: left;"></div></div> <div class="ultimate-climax" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">As the overwhelming sensations reach their peak, she positions both feet perfectly, completely enveloping my face in the intoxicating scent of her pantyhose-covered soles. This is the moment of complete submission.</p> <center><img src="images/serin/chapter2/morningactivities/feet/7.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"This is it, <<print $humanName>>! This is what you are now - completely owned by the scent of my feet. Look at you! You're completely addicted to the smell of my pantyhose-covered feet. What would Liora think if she could see you now?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The combination of her humiliating words, the intense scent completely surrounding me, and the feeling of her soft, nylon-covered soles pressing against every part of my face becomes too much. My body reaches its absolute limit, and I climax completely unexpectedly, my whole body shuddering as waves of overwhelming pleasure wash over me.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Yes! That's it! Come for my feet, you perverted little foot slave!"</span> <div style="clear: left;"></div></div> <div class="humiliation-climax" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Oh my god! Did you really just come from smelling my feet?! That's hilarious!"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She pulls her feet away, and I'm left kneeling there, completely overwhelmed and embarrassed by what just happened. The reality of the situation crashes down on me like a wave.</p> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Oh god... I don't know what's wrong with me. I've never... I mean, I don't understand what just happened."</span> <div style="clear: left;"></div> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"You know what? Let's ask Liora what she thinks is wrong with you. I'm sure she'd love to hear about this."</span> <div style="clear: left;"></div> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"No! Please, no! You can't tell her about this!"</span> <div style="clear: left;"></div></div> <div class="final-threat" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She unties my hands and helps me to my feet, but her mischievous expression tells me she's enjoying every second of my embarrassment.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Well, if you don't want me to tell Liora about your little... discovery... then I guess we'll just have to continue with your punishment sessions in the future."</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"What do you mean?"</span> <div style="clear: left;"></div> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Oh, you'll see. Now get out of here before someone notices how long you've been in my room. And <<print $humanName>>... this stays between us, understood?"</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I nod quickly, still trying to process everything that just happened. As I leave her room, I can still smell her scent on my face, and I know that something fundamental has changed between us.</p></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;"><<print $humanName>>'s soul darkens with forbidden fetish desires...</p> <p style="color: #ff8888; font-size: 1em;">Deep corruption from complete submission and climax</p></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to morning activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue to morning activities|SerinReportsToNimeria]]</div></div></div> </div><<addSoulCorruption "serin" 1>><<set $rylan_feetFetish = ($rylan_feetFetish || 0) + 0.8>><<trackFetish "Rylan" "feetFetish" 0.8>><<set $rylan_smellFetish = ($rylan_smellFetish || 0) + 0.6>><<trackFetish "Rylan" "smellFetish" 0.6>><<set $rylan_submissionFetish = ($rylan_submissionFetish || 0) + 0.4>><<trackFetish "Rylan" "submissionFetish" 0.4>><<set $serin_dominanceFetish = ($serin_dominanceFetish || 0) + 0.5>><<trackFetish "Serin" "dominanceFetish" 0.5>><<set $rylan_Lust = 0>><<trackLust "Rylan" -25>><<changeLust "Serin" 15>><<trackLust "Serin" 15>><<set $serin_RylanAttraction = ($serin_RylanAttraction || 0) + 5>><<trackAttraction "Serin" $humanName 5>><<set $rylan_SerinAttraction = ($rylan_SerinAttraction || 0) + 4>><<trackAttraction $humanName "Serin" 4>><<set $rylan_orgasmsReceived = ($rylan_orgasmsReceived || 0) + 1>><<trackExperience "Rylan" "orgasmsReceived" 1>><<set $serin_orgasmsGiven = ($serin_orgasmsGiven || 0) + 1>><<trackExperience "Serin" "orgasmsGiven" 1>><<set $rylan_SerinOrgasmsReceived = ($rylan_SerinOrgasmsReceived || 0) + 1>><<set $serin_RylanOrgasmsGiven = ($serin_RylanOrgasmsGiven || 0) + 1>><<soulDisplay "rylan">><<soulDisplay "serin">><<statSummary>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $rylanxserincontent = true>><<set $serinChapter2ArmpitSeen = false>> <div class="training-fight-scene" style="background: linear-gradient(to bottom, rgba(35, 30, 25, 0.9), rgba(25, 20, 15, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(50, 45, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚔️ Quick Training Match ⚔️</p> <p style="color: #ffeb9c; font-size: 1.1em;">Focus on the basics...</p></div> <div class="training-setup" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I decide to focus on the training itself rather than getting distracted. Whatever that strange atmosphere is in here, I need to concentrate on improving my skills.</p> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Alright, Serin. Let's do some proper sparring. I want to work on my technique."</span> <div style="clear: left;"></div> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Oh, how responsible of you, <<print $humanName>>. Fine, let's see what you've got."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">There's something in her tone that suggests she's not entirely pleased with my serious approach, but she gets into a fighting stance anyway.</p></div> <div class="quick-fight" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">We begin our sparring match, and it quickly becomes apparent that Serin is not holding back. She moves with a fluid grace that I struggle to match.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I try to land a few hits, but she easily dodges and counters. Within just a few minutes, she has me pinned to the ground, her hand pressed against my chest.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Well, that was disappointing, <<print $humanName>>. I thought you'd put up more of a fight."</span> <div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"You're... you're really good at this. I guess I need more practice."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She looks down at me with that mischievous glint in her eyes, and I can tell she's planning something.</p></div> <div class="punishment-kiss" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/serin/faceteasing.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Since you lost so quickly, I think you deserve a punishment."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can ask what she means, she leans down and presses her lips against mine in a firm, surprising kiss. My eyes widen in shock.</p> <center><img src="images/serin/chapter2/morningactivities/kissrylan.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <<if ($rylanFirstKiss || "") === "">><<set $rylanFirstKiss = "Serin">><<addSoulCorruption "rylan" 2>><</if>><<if ($serinFirstKiss || "") === "">><<set $serinFirstKiss = "Rylan">><<addSoulCorruption "serin" 1>><</if>><<if ($rylan_SerinKissCount || 0) === 0>><<addSoulCorruption "rylan" 1>><<addSoulCorruption "serin" 1>><</if>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $serin_kissCount = ($serin_kissCount || 0) + 1>><<set $rylan_SerinKissCount = ($rylan_SerinKissCount || 0) + 1>><<set $serin_RylanKissCount = ($serin_RylanKissCount || 0) + 1>><<trackSexualExperience "Rylan" "kissCount" 1>><<trackSexualExperience "Serin" "kissCount" 1>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Serin" "kissExperience" 1>> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The kiss lasts only a few seconds, but it feels like an eternity. When she pulls back, I'm left staring up at her, completely speechless.</p> <img src="images/serin/facesmirk.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"There. That's what you get for being so boring during training."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She gets up and stretches, as if nothing unusual just happened, while I'm still lying there trying to process what just occurred.</p> <img src="images/rylan/faceshock.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Serin... what was that...?"</span> <div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-serin">"Just a little motivation for next time. Maybe you'll try harder if you know what's at stake."</span> <div style="clear: left;"></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">With that, she heads toward the door, leaving me alone to wonder what just happened and what it might mean for our relationship going forward.</p></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;">Both <<print $humanName>> and Serin's souls darken with forbidden desire...</p> <p style="color: #ff8888; font-size: 1em;">Corruption from an unexpected intimate moment</p></div><<soulDisplay "rylan">><<soulDisplay "serin">> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Morning Activities</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to morning activities.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue to morning activities|MorningActivities]]</div></div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<run window.AudioSystem.playSFX('gasp.mp3')>> <div class="seryk-visit-container" style="background: linear-gradient(to bottom, rgba(60, 40, 80, 0.8), rgba(40, 20, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="first-kiss" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">My eyes flutter open in surprise to see Seryk's face inches from mine, his lips pressed against mine.</p> <center><img src="images/liora/chapter2/ntr2/serkyliorakiss.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">At first, I'm shocked, but I don't pull away. The kiss feels... good. Really good. Like nothing I've ever experienced before.</p> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Suddenly, something like an electric shock courses through my entire body, starting from where our lips touch and spreading everywhere. My body trembles and I make a small sound against his lips as waves of pleasure I don't understand wash over me.</p> <center><img src="images/liora/facewet.webp" style="width: 200px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I slowly calm down, my breathing still uneven, completely confused by what just happened to my body. When I finally come back to my senses, I realize what we were doing.</p></div> <div class="realization" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facecrying.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You kissed me!"</span> I gasp, touching my lips with my fingertips. <span class="dialog-liora">"But I'm <<print $humanName>>'s girlfriend!"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Sorry, I couldn't help myself. I don't know why, but I've been feeling so hot recently..."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh... me too, but..."</span> I admit quietly, my cheeks burning. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Don't worry, I won't tell anybody. I'll keep it a secret."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">With that, he heads toward the door, leaving me alone with my racing thoughts.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"That was... my first kiss,"</span> I whisper to myself.</div></div> <div class="demanding-answers" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Wait! You can't just leave after... after that!"</span> I call out, my voice shaking with emotion. <span class="dialog-liora">"I want answers. What was really in that potion you gave me?"</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk stops at the door, his hand on the handle. For a moment, he doesn't turn around.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Little Bird... you don't want to know."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Yes, I do! Tell me the truth!"</span></div></div> <div class="truth-revealed" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk slowly turns around, his expression heavy with guilt and resignation.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"It was... my saliva,"</span> he admits quietly, unable to meet my eyes. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Your... what?!"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Don't you remember what Nimeria said? That my body fluids can heal mana circuits. My saliva has healing properties."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You made me drink what?!"</span> I gasp, my face burning with embarrassment and shock.<<changeFetish "Liora" "SalivaFetish" 1>></div></div> <div class="responsibility" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I'm sorry, Little Bird. But it was the only choice after what happened in the cave. Your mana circuits were completely fried. You would have died without immediate treatment."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">His voice becomes more serious, more responsible.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I take full responsibility for what I did. Both in the cave and just now. I crossed a line I shouldn't have."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit there in stunned silence, trying to process everything. My mind is reeling with the implications of what he's telling me.</p> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"So when I asked for more... you actually..."</span> I can't even finish the sentence, my cheeks burning with mortification.</p></div> <div class="door-interruption" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Suddenly, there's a knock at my door.</p> <p style="color: #ff6b6b; font-weight: bold; text-align: center; font-size: 1.2em;">*Knock knock*</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-rylan">"Liora? Are you okay? I wanted to check on you after today's mission..."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Both Seryk and I freeze, our eyes meeting in panic. The weight of what just happened between us hangs heavy in the air. My heart pounds even harder - it's <<print $humanName>>!</p></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;">Liora's innocent heart begins to darken...</p> <p style="color: #ff8888; font-size: 1em;">+1 Soul Corruption</p></div> <<soulDisplay "liora">></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Rylan's Visit</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Rylan comes to check on Liora.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|RylanVisitsLiora]]</div></div></div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<run window.AudioSystem.playSFX('gasp.mp3')>> <div class="seryk-visit-container" style="background: linear-gradient(to bottom, rgba(60, 40, 80, 0.8), rgba(40, 20, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="second-kiss" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">My eyes flutter open in surprise to see Seryk's face inches from mine, his lips pressed against mine.</p> <center><img src="images/liora/chapter2/ntr2/serkyliorakiss.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <<if $lioraFirstKiss === "Rylan">> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">At first, I'm shocked. I just shared my first kiss with <<print $humanName>> earlier, and now...</p> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">But then something incredible happens. This kiss feels completely different from the one with <<print $humanName>>. Where his was sweet and gentle, this is... electric. Overwhelming.</p> <<else>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">At first, I'm shocked, but I don't pull away. The kiss feels... incredible. Like nothing I've ever experienced before.</p> <div style="clear: left;"></div></div> <</if>> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Suddenly, something like an electric shock courses through my entire body, starting from where our lips touch and spreading everywhere. My body trembles and I make a small sound against his lips as waves of pleasure I don't understand wash over me.</p> <center><img src="images/liora/facewet.webp" style="width: 200px; margin: 20px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I slowly calm down, my breathing still uneven, completely stunned by the intensity of what just happened. When I finally come back to my senses, I realize what we were doing.</p></div> <div class="realization" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <<if $lioraFirstKiss === "Rylan">> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facecrying.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You kissed me!"</span> I gasp, touching my lips with my fingertips. <span class="dialog-liora">"But I just... <<print $humanName>> and I just..."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I can't finish the sentence. The guilt is overwhelming, but so is the memory of how incredible this kiss felt compared to the earlier one.</p> <<else>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facecrying.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You kissed me!"</span> I gasp, touching my lips with my fingertips. <span class="dialog-liora">"But I'm <<print $humanName>>'s girlfriend!"</span> <div style="clear: left;"></div></div> <</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Sorry, I couldn't help myself. I don't know why, but I've been feeling so hot recently..."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh... me too, but..."</span> I admit quietly, my cheeks burning. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Don't worry, I won't tell anybody. I'll keep it a secret."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">With that, he heads toward the door, leaving me alone with my racing thoughts and confusing feelings.</p> <<if $lioraFirstKiss === "Rylan">> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"But that wasn't... that wasn't my first kiss anymore,"</span> I whisper to myself, the words heavy with guilt and confusion. <div style="clear: left;"></div></div> <<else>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"That was... my first kiss,"</span> I whisper to myself. <div style="clear: left;"></div></div> <</if>></div> <div class="demanding-answers" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Wait! You can't just leave after... after that!"</span> I call out, my voice shaking with emotion. <span class="dialog-liora">"I want answers. What was really in that potion you gave me?"</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk stops at the door, his hand on the handle. For a moment, he doesn't turn around.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Little Bird... you don't want to know."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Yes, I do! Tell me the truth!"</span></div></div> <div class="truth-revealed" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk slowly turns around, his expression heavy with guilt and resignation.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"It was... my saliva,"</span> he admits quietly, unable to meet my eyes. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceshock.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Your... what?!"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Don't you remember what Nimeria said? That my body fluids can heal mana circuits. My saliva has healing properties."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceangryshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"You made me drink what?!"</span> I gasp, my face burning with embarrassment and shock.<<changeFetish "Liora" "SalivaFetish" 1>></div></div> <div class="responsibility" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I'm sorry, Little Bird. But it was the only choice after what happened in the cave. Your mana circuits were completely fried. You would have died without immediate treatment."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">His voice becomes more serious, more responsible.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I take full responsibility for what I did. Both in the cave and just now. I crossed a line I shouldn't have."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I sit there in stunned silence, trying to process everything. My mind is reeling with the implications of what he's telling me.</p> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">"So when I asked for more... you actually..."</span> I can't even finish the sentence, my cheeks burning with mortification.</p></div> <div class="safe-departure" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk glances toward my door, then back at me.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I should go. This conversation... it's probably better if we keep it between us."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">He moves toward the door, then pauses to look back at me one more time.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"I'm sorry, Little Bird. For everything."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">With that, he quietly leaves my room, closing the door softly behind him. I'm left alone with my racing thoughts and the overwhelming memory of two very different kisses in one evening.</p></div> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(120,0,0,0.8), rgba(80,0,40,0.6)); border: 2px solid rgba(150,0,0,0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">⚫ Soul Corruption ⚫</p> <p style="color: #ffaaaa; font-size: 1.1em; margin-bottom: 10px;">Liora's innocent heart begins to darken...</p> <p style="color: #ff8888; font-size: 1em;">+1 Soul Corruption</p></div> <<soulDisplay "liora">></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Kiss Reflection</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Reflect on the experience.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|LioraKissReflectionSerykBetter]]</div></div></div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $serykMorningBathScene = true>><<set $rylan_SerykMorningBath = true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(135, 206, 235, 0.95), rgba(176, 224, 230, 0.9), rgba(135, 206, 235, 0.95)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <center><img src="images/landscapes/hotbath.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I decide to start the morning with a relaxing hot bath. The warm water feels incredible against my skin as I settle into the tub, letting the heat work out any lingering tension from yesterday's adventures.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"This is exactly what I needed..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The steam rises around me as I close my eyes and enjoy the peaceful moment. The house is quiet, everyone else probably still getting ready for the day.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/standingsoaked.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Just as I'm getting comfortable, I hear footsteps approaching. The door opens and Seryk peeks in, his blue skin glistening slightly with morning perspiration.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Oh hey bro! Mind if I join you? I could really use a good soak after my morning workout."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"I... uh... well..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Don't worry about it, bro. We're both guys - nothing we haven't seen before, right?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Without waiting for an answer, he strips off his boxers and slides into the bath beside me. The water level rises as his muscular frame settles in, and suddenly the spacious tub feels much more intimate.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"This feels amazing after training. Nothing beats a hot bath to relax the muscles."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He settles in comfortably, completely at ease with the situation. I try to act natural, but something about being this close to him, both of us naked, is making me feel strangely warm - and not just from the bath water.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Yeah... it's very... relaxing..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"So how are you feeling about our adventures so far? Pretty intense stuff for a new E-rank, right?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As he talks, I find myself getting hotter despite the fact that I should be getting used to the water temperature. There's something about his presence, his natural confidence, that's affecting me in ways I don't understand.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to focus on the conversation, but my eyes keep drifting downward through the clear water. I can see his... his member, relaxed but impressive even in its current state. I shouldn't be looking, but something compels me to steal glances.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"The guild system is pretty interesting, don't you think? Working your way up through the ranks, proving yourself..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He continues talking casually, completely unaware of my internal struggle. But as I watch, I notice his member beginning to stir, growing slightly larger. The sight is mesmerizing - I can't seem to look away even though I know I should.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My own body is responding in ways I don't understand. I'm not gay - I've never been attracted to men before. So why is this happening? Why am I getting so aroused just from being near him? My breathing becomes shallow as I continue stealing glances at his growing arousal.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Almost without realizing it, my hand drifts down to touch myself under the water. The contact sends a jolt through me, and I quickly pull my hand away, embarrassed. What am I doing? This is wrong...</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/erectioninbath.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"You know, bro, you're doing really well for someone who just made E-rank. Most people take months to get comfortable with the higher-level quests."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I try to respond, but my voice comes out strained. My eyes dart back to his member again - it's definitely getting harder now, standing more upright in the water. The sight makes my heart race even faster.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"T-thanks... I'm just trying to... to do my best..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As he continues talking, I find my hand drifting down again, almost of its own accord. This time I don't even realize I'm touching myself until the pleasure makes me gasp softly. I jerk my hand away again, hoping he didn't notice.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">But within moments, my hand is moving again. It's like I'm in a trance, completely unable to control myself. I keep glancing at his impressive size, then touching myself, then stopping in shame, only to start the cycle all over again.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/erectioninbath.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"The water's getting pretty warm, isn't it? I can feel the heat building up."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He shifts slightly in the water, and the movement causes his now fully erect member to sway. I can't tear my eyes away from it. It's so much larger than mine, so commanding and powerful. The sight fills me with a confusing mix of arousal and something else I can't identify.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My hand moves to touch myself again, this time more deliberately. The pleasure is intense, heightened by whatever strange effect Seryk's presence is having on me. I stroke myself slowly, trying to be subtle, but I'm losing control of my actions.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I realize what I'm doing and force my hand away, but it's getting harder and harder to stop. Each time I look at him, each breath I take of the steamy air that carries his masculine scent, I feel more compelled to touch myself.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"Y-yeah... very warm..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">My hand drifts down once more, and this time I don't pull it away immediately. The sensation is overwhelming, made even more intense by the forbidden nature of what I'm doing. I'm touching myself while staring at another man's erection, and I can't seem to stop.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Well, I think I'm getting a bit too warm in here. Time to cool off."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">Suddenly, Seryk stands up to exit the bath. Water cascades down his muscular blue form as he rises, his fully erect member now at eye level. In my dazed, aroused state, I'm still staring upward, completely transfixed by the sight.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As he turns to step out of the tub, his hard member swings around and slaps directly across my face. The warm, firm contact against my cheek and lips sends an electric shock through my entire body. The proximity is overwhelming - I can smell his masculine musk stronger than ever, a potent, intoxicating scent that fills my nostrils and seems to penetrate every fiber of my being.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The combination of the physical contact, the intense scent, and my already heightened arousal from touching myself pushes me completely over the edge. I can't help myself - a powerful, involuntary climax overtakes me right there in the bath water. My body convulses and shudders as waves of pleasure crash over me, more intense than anything I've ever experienced before.</p> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/cum.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <center><img src="images/seryk/chapter2/morningactivities/cockslap.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"Whoa, sorry about that, bro! Didn't mean to bump into you. I'm getting really hot in here - must be the steam getting to me."</span> <div style="clear: left;"></div> </div> <center><img src="images/seryk/chapter2/morningactivities/cockslap2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">He seems completely oblivious to what just happened to me, already reaching for a towel.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Seryk"> <span class="dialog-seryk">"I'll go chill outside for a bit. Enjoy the rest of your bath!"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">As the door closes behind him, I'm left alone with my shame and confusion. What just happened to me? I'm not supposed to react this way to another man. I love Liora, I've always been attracted to women.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/facesad.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Rylan"> <span class="dialog-rylan">"What's wrong with me...?"</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">The warm bath water that felt so relaxing before now feels like evidence of my shame. I can't understand these new feelings, these reactions I can't control. Something is changing in me, and I don't know how to stop it.</p> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #F5DEB3; font-style: italic; margin: 10px 0; line-height: 1.6;">I remain in the bath for a few more minutes, trying to process what just happened and hoping these confusing feelings will fade. But deep down, I suspect this is just the beginning of something I'm not ready to face.</p> <div style="clear: left;"></div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">Confusing Experience</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Questioning yourself after overwhelming events.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Return to morning activities|MorningActivities]]</div></div></div> <<changeLust "Rylan" 8>><<changeLust "Seryk" 6>><<changeFetish "Rylan" "smellFetish" 0.3>><<changeFetish "Rylan" "muscleFetish" 0.2>><<changeFetish "Rylan" "gayValue" 0.4>><<changeFetish "Seryk" "gayValue" 0.6>><<changeAffection "Rylan" "Seryk" 2>><<changeAffection "Seryk" "Rylan" 2>><<changeAttraction "Rylan" "Seryk" 3>><<changeAttraction "Seryk" "Rylan" 2>><<statSummary>><<changeFace $currentRylanFace>> </div></div> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $lioraFirstKiss = "Seryk">><<set $serykFirstKiss = "Liora">><<set $liora_SerykKissCount += 1>><<set $seryk_LioraKissCount += 1>><<set $liora_kissCount += 1>><<set $seryk_kissCount += 1>><<set $liora_sexualExperience += 2>><<set $seryk_sexualExperience += 2>><<set $liora_basicExperience += 2>><<set $seryk_basicExperience += 2>><<set $liora_orgasmsReceived += 1>><<set $liora_SerykOrgasmsReceived += 1>><<set $seryk_orgasmsGiven += 1>><<set $seryk_LioraOrgasmsGiven += 1>><<changeLust "Liora" 25>><<changeLust "Seryk" 20>><<set $liora_Lust -= 50>><<set $seryk_LioraAttraction += 3>><<set $liora_SerykAttraction += 3>><<set $seryk_LioraAffection += 3>><<set $liora_SerykAffection -= 3>><<addSoulCorruption "liora" 1>><<trackLust "Liora" 25>><<trackLust "Seryk" 20>><<trackAttraction "Seryk" "Liora" 3>><<trackAttraction "Liora" "Seryk" 3>><<trackAffection "Seryk" "Liora" 3>><<trackAffection "Liora" "Seryk" -3>><<trackSexualExperience "Liora" "sexualExperience" 2>><<trackSexualExperience "Seryk" "sexualExperience" 2>><<trackSexualExperience "Liora" "basicExperience" 2>><<trackSexualExperience "Seryk" "basicExperience" 2>><<trackSexualExperience "Liora" "kissCount" 1>><<trackSexualExperience "Seryk" "kissCount" 1>><<trackSexualExperience "Liora" "orgasmsReceived" 1>><<trackSexualExperience "Seryk" "orgasmsGiven" 1>> <div class="seryk-visit-container" style="background: linear-gradient(to bottom, rgba(60, 40, 80, 0.8), rgba(40, 20, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="door-opening" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I stand up from my bed and pad over to the door, opening it cautiously. My breath catches when I see Seryk standing there, his tall frame filling the doorway.</p> <center><img src="images/seryk/boxers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Hey, Little Bird. Just wanted to check on you after today."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh! Please, come in,"</span> I say, stepping aside to let him enter. <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">As he steps into my room, he turns to look at me with a serious expression.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"You know, Little Bird, you shouldn't just let any guy into your room like that."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Hmm? Why not?"</span> I ask innocently, tilting my head in confusion. <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk just shakes his head with a slight smile, not explaining further.</p> </div> <div class="health-check" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I move to sit on the edge of my bed, the soft mattress dipping slightly under my weight.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Are you feeling alright? How are your magic circuits?"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Yes, thanks to you. But they're still strained,"</span> I admit, unconsciously placing a hand over my chest. <span class="dialog-liora">"I can feel that my mana doesn't regenerate as fast as it used to. But it should get better in a few days."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I look up at him curiously, remembering the strange but pleasant experience in the cave.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"What was in that potion you gave me in the cave?"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Potion? Oh... right..."</span> he says, a slight flush crossing his features. </div></div> <div class="request-more" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Do you have more? I really liked the taste, and it might help me get better faster."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"No, I can't..."</span> he starts, then stops himself. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh right, they must have been expensive. I'm sorry for asking."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk looks at me for a long moment, something intense flickering in his eyes.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Alright... Close your eyes again and open your mouth like in the cave..."</span> </div></div> <div class="intimate-moment" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Without hesitation, I close my eyes and part my lips, just like before. I trust Seryk completely.</p> <div style="clear: left;"></div></div> <center><img src="images/liora/chapter2/ntr1/mouthopen.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I feel my mouth fill with that familiar liquid, warm and slightly thick. <span class="dialog-liora">There's the taste,</span> I think happily. At first bitter, but as I swallow, it becomes sweeter and more pleasant.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Again and again, I feel the liquid fill my mouth and I swallow eagerly. I can hear both our breathing getting heavier, and I sense Seryk moving closer to me.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Suddenly, I feel something soft and warm approaching my lips...</p> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Kiss</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the intimate moment.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SerykLioraKiss]]</div></div></div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<if not $lioraFirstKiss>><<set $lioraFirstKiss = "Seryk">><<set $serykFirstKiss = "Liora">><</if>><<set $liora_SerykKissCount += 1>><<set $seryk_LioraKissCount += 1>><<set $liora_kissCount += 1>><<set $seryk_kissCount += 1>><<set $liora_sexualExperience += 2>><<set $seryk_sexualExperience += 2>><<set $liora_basicExperience += 2>><<set $seryk_basicExperience += 2>><<set $liora_orgasmsReceived += 1>><<set $liora_SerykOrgasmsReceived += 1>><<set $seryk_orgasmsGiven += 1>><<set $seryk_LioraOrgasmsGiven += 1>><<changeLust "Liora" 25>><<changeLust "Seryk" 20>><<set $liora_Lust -= 50>><<set $seryk_LioraAttraction += 3>><<set $liora_SerykAttraction += 3>><<set $liora_SerykAffection += 3>><<set $liora_SerykAffection -= 3>><<addSoulCorruption "liora" 1>><<trackLust "Liora" 25>><<trackLust "Seryk" 20>><<trackAttraction "Seryk" "Liora" 3>><<trackAttraction "Liora" "Seryk" 3>><<trackAffection "Seryk" "Liora" 3>><<trackAffection "Liora" "Seryk" -3>><<trackSexualExperience "Liora" "sexualExperience" 2>><<trackSexualExperience "Seryk" "sexualExperience" 2>><<trackSexualExperience "Liora" "basicExperience" 2>><<trackSexualExperience "Seryk" "basicExperience" 2>><<trackSexualExperience "Liora" "kissCount" 1>><<trackSexualExperience "Seryk" "kissCount" 1>><<trackSexualExperience "Liora" "orgasmsReceived" 1>><<trackSexualExperience "Seryk" "orgasmsGiven" 1>> <div class="seryk-visit-container" style="background: linear-gradient(to bottom, rgba(60, 40, 80, 0.8), rgba(40, 20, 60, 0.7)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);"> <div class="door-opening" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I stand up from my bed and pad over to the door, opening it cautiously. My breath catches when I see Seryk standing there, his tall frame filling the doorway.</p> <center><img src="images/seryk/boxers.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Hey, Little Bird. Just wanted to check on you after today."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh! Please, come in,"</span> I say, stepping aside to let him enter. <span class="dialog-liora">"<<print $humanName>> was just here earlier checking on me too."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">As he steps into my room, he turns to look at me with a serious expression.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"You know, Little Bird, you shouldn't just let any guy into your room like that."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Hmm? Why not?"</span> I ask innocently, tilting my head in confusion. <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk just shakes his head with a slight smile, not explaining further.</p> </div> <div class="health-check" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I move to sit on the edge of my bed, the soft mattress dipping slightly under my weight.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Are you feeling alright? How are your magic circuits?"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Yes, thanks to you. But they're still strained,"</span> I admit, unconsciously placing a hand over my chest. <span class="dialog-liora">"I can feel that my mana doesn't regenerate as fast as it used to. But it should get better in a few days."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I look up at him curiously, remembering the strange but pleasant experience in the cave.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"What was in that potion you gave me in the cave?"</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Potion? Oh... right..."</span> he says, a slight flush crossing his features. </div></div> <div class="request-more" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Do you have more? I really liked the taste, and it might help me get better faster."</span> <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"No, I can't..."</span> he starts, then stops himself. <div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-liora">"Oh right, they must have been expensive. I'm sorry for asking."</span> <div style="clear: left;"></div></div> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Seryk looks at me for a long moment, something intense flickering in his eyes.</p> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/seryk/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><span class="dialog-seryk">"Alright... Close your eyes again and open your mouth like in the cave..."</span> </div></div> <div class="intimate-moment" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Without hesitation, I close my eyes and part my lips, just like before. I trust Seryk completely.</p> <div style="clear: left;"></div></div> <center><img src="images/liora/chapter2/ntr1/mouthopen.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">I feel my mouth fill with that familiar liquid, warm and slightly thick. <span class="dialog-liora">There's the taste,</span> I think happily. At first bitter, but as I swallow, it becomes sweeter and more pleasant.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Again and again, I feel the liquid fill my mouth and I swallow eagerly. I can hear both our breathing getting heavier, and I sense Seryk moving closer to me.</p> <p style="color: #e0d0e0; line-height: 1.6; margin-bottom: 20px;">Suddenly, I feel something soft and warm approaching my lips...</p> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #6B6B6B, #4A4A4A, #2C2C2C);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue</h4> <div style="background: rgba(100, 100, 100, 0.15); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin: 0 0 20px 0;"> <p style="color: #E6E6FA; margin: 0; font-size: 0.95em; font-weight: bold;">The Kiss</p> <p style="color: #E6E6FA; margin: 5px 0 0 0; font-size: 0.9em;">Continue to the intimate moment.</p></div> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px;">[[Continue|SerykLioraKissNow]]</div></div></div> <<statSummary>> <<changeFace $currentLioraFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('default2.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="training-hall-scene" style="background: linear-gradient(to bottom, rgba(35, 30, 25, 0.9), rgba(25, 20, 15, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="location-header" style="background: rgba(50, 45, 40, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ffd700; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🏛️ Old Training Hall 🏛️</p> <p style="color: #ffeb9c; font-size: 1.1em;">The place where <<print $thalorToHuman>> once honed his skills...</p> </div> <div class="arrival-scene" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/traininghall.webp" style="width: 500px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Serin drags me through the house until we reach the old training hall that <<print $humanToThalor>> used to frequent. As we step inside, I'm immediately hit by a distinctive smell - musky but with an oddly sweet undertone that makes my nose twitch.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Looking around, I notice all the windows are tightly shut, making the air feel thick and stifling. Despite this, the room appears to have been cleaned recently. The equipment is organized, the floor is swept, but there's still that lingering... atmosphere.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">My eyes drift to a table near the corner where some black, wet fabric is lying draped across it. It looks like it might be nylon or some kind of athletic material, still damp from recent use.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/rylan/face.webp" alt="Rylan" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-rylan">"Uh, Serin? Maybe we should open some windows first? It's pretty stuffy in here..."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/faceteasing.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"No way! I don't want anyone to hear what we're doing in here."</span> <span style="color: #f0f0f0;">She grins mischievously, completely unbothered by the closed-off atmosphere.</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">Before I can ask what exactly she means by that, Serin moves to the center of the room and begins stretching. She raises her arms above her head, arching her back in a way that shows off her athletic form.</p> </div> <div class="serin-stretching" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/serin/poses/stretch.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.4);"></center> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/face.webp" alt="Serin" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-serin">"Come on, <<print $humanName>>! Don't just stand there gawking. We need to warm up properly before we get started."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">She continues her stretching routine, reaching down to touch her toes, then twisting her torso from side to side. Every movement is fluid and controlled, showing the results of years of training.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">As she raises her arms again, I can't help but notice how the confined air seems to carry her scent more strongly. The combination of the closed windows and her preparations is creating quite an... intense atmosphere.</p> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <img src="images/serin/poses/stretchstinky2.webp" alt="Serin stretching" style="width: 300px; margin: 0 20px 15px 0; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); float: left;"> <span class="dialog-serin">"This is going to be fun, <<print $humanName>>. I've got some very... special techniques I want to show you today."</span> <div style="clear: left;"></div> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The way she emphasizes 'special' makes me wonder exactly what kind of training she has in mind. Standing here in this enclosed space, watching her stretch, I feel like I'm at some kind of crossroads...</p> </div> <div class="warning-choices" style="background: rgba(60, 35, 35, 0.8); border: 2px solid rgba(255, 100, 100, 0.6); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> <p style="color: #ff6b6b; font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 20px;">⚠️ WARNING: CONTENT PATH SELECTION ⚠️</p> <p style="color: #ffcccc; font-size: 1.1em; text-align: center; margin-bottom: 20px;">Your choice here will determine the type of content you experience.</p> <div style="background: rgba(40, 40, 40, 0.7); padding: 15px; border-radius: 8px; margin-bottom: 15px;"> <p style="color: #ff9999; font-weight: bold;">Options 1-2: Enable Reverse NTR/Seduction Path</p> <p style="color: #ffcccc;">These choices begin Serin's seduction route and potential cheating scenarios.</p> </div> <div style="background: rgba(40, 40, 40, 0.7); padding: 15px; border-radius: 8px;"> <p style="color: #99ff99; font-weight: bold;">Option 3: Avoid Serin x <<print $humanName>> Content</p> <p style="color: #ccffcc;">This choice will minimize future intimate content between Serin and <<print $humanName>>.</p> </div> </div> <div class="choice-options" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px;"> <p style="color: #f0f0f0; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; text-align: center;">What do you do?</p> <div class="choice-grid" style="display: grid; gap: 15px;"> <div class="choice-option" style="background: rgba(60, 50, 45, 0.8); border: 1px solid rgba(255,255,255,0.4); border-radius: 8px; padding: 15px;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Look at Serin's form as she stretches overhead|SerinChapter2ArmpitScene]]</div> <p style="color: #ffcccc; font-size: 0.9em; margin-top: 8px;">(⚠️ Armpit/Feet smell fetish content)</p> </div> <div class="choice-option" style="background: rgba(60, 50, 45, 0.8); border: 1px solid rgba(255,255,255,0.4); border-radius: 8px; padding: 15px;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Focus on getting ready for training|SerinTrainingStart]]</div> <p style="color: #ffcccc; font-size: 0.9em; margin-top: 8px;">(⚠️ Seduction route, skips fetish scene)</p> </div> <div class="choice-option" style="background: rgba(45, 60, 45, 0.8); border: 1px solid rgba(100,255,100,0.4); border-radius: 8px; padding: 15px;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 200px; margin: 0 10px;">[[Make an excuse and leave while you still can|AvoidSerinTraining]]</div> <p style="color: #ccffcc; font-size: 0.9em; margin-top: 8px;">(Avoids most future Serin x <<print $humanName>> intimate content)</p> </div> </div> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('stormark.mp3');<</script>><<set $currentFace = $currentCelindraFace>><div class="throne-scene-container" style="background: linear-gradient(to bottom, rgba(240, 248, 255, 0.85) 0%, rgba(230, 230, 250, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="throne-overlay" style="background: url('images/landscapes/throne_room.webp') center/cover; opacity: 0.2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="throne-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">The Throne of Stormark</h2> <p style="color: #6495ED; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">In the pristine halls of the Holy Kingdom, wisdom and justice hold court...</p></div> <div class="throne-description" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px; margin-bottom: 25px;"> <p style="color: #F0F8FF; line-height: 1.6;">The throne room of Stormark gleams with polished marble and ethereal light, its soaring columns reaching toward stained glass windows that cast rainbow patterns across the floor. At its heart sits a magnificent white throne, carved from a single block of pristine alabaster, its surface smooth as silk and gleaming like fresh snow.</p> <p style="color: #F0F8FF; line-height: 1.6; margin-top: 15px;">Upon this throne sits Queen Celindra, her flowing blue hair cascading over her shoulders like a waterfall of sapphires. Her piercing blue eyes survey the chamber with intelligence and quiet authority. She wears simple attire - black fitted pants and a crisp white blouse, her feet bare against the cool marble steps. Despite her casual dress, her presence commands the vast space with natural grace.</p> <p style="color: #F0F8FF; line-height: 1.6; margin-top: 15px;">Before her, various advisors and courtiers stand in respectful attendance, their formal robes and rigid postures contrasting sharply with their young queen's relaxed demeanor. The morning sun streams through the windows, bathing everything in golden light.</p></div><div class="dialogue-section" style="margin: 25px 0;"> <center><img src="images/celindra/portrait.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">The great doors of the throne room swing open with a resonant echo, and a tall figure strides purposefully across the marble floor. Velkira's footsteps are silent despite her confident pace, her demonic grace evident in every movement.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Your Majesty, I bring urgent news from the eastern territories. The situation at Mistfen Reach has been... resolved.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Celindra's expression remains composed, though her fingers tighten slightly on the armrest of her throne. She has learned to read between the lines of such diplomatic language.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">By 'resolved,' I assume you mean completely destroyed. Mistfen Reach has been burnt to the ground, hasn't it? No survivors.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Velkira's eyes widen slightly in surprise at the queen's directness. The other advisors shift uncomfortably, unused to such blunt conversation in the formal setting of the throne room.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Your Majesty is... remarkably well-informed. Yes, the settlement was completely razed. Our scouts report no signs of life. The attack was swift and thorough.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">I already know about the destruction, Velkira. What concerns me more is that this happened so close to our border. A neutral settlement, completely razed by what appears to be bandits. Either they're growing far too bold, or someone is organizing them.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">A concerned look passes between queen and demon. Both women understand the implications of such violence occurring so close to their kingdom's borders.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Our scouts found no survivors to question about the attackers. The destruction was thorough, but the methods suggest organized bandits rather than a formal military force. Still, the timing and location are troubling.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Celindra's expression softens slightly, and she waves a dismissive hand. The formal distance between them has always felt uncomfortable, especially with someone she considers a trusted friend.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">Gods above, Velkira, enough with the 'Your Highness' nonsense. You know how much I despise all that formal protocol. We've been through too much together for such artificial barriers.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">A rare smile crosses Velkira's usually stoic features. It's moments like these that remind her why she chose to serve this particular monarch - not out of duty, but out of genuine respect and friendship.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Very well, Celin. Truth be told, I never was fond of all this courtly posturing either. It feels... constraining. Unnecessary theater for people who should be focused on more important matters.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">From the side of the throne room, one of the elderly advisors - a man whose face bears the permanent scowl of someone who has never approved of change - clears his throat loudly and steps forward.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-advisor" style="color: #696969;">Such... informality in the presence of the crown is highly inappropriate. Your Majesty, this casual discourse with a demon undermines the dignity of the throne. As your father's loyal advisor, I must protest this breach of protocol.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">The temperature in the throne room seems to drop several degrees as Celindra's eyes narrow dangerously. When she speaks, her voice carries the unmistakable authority of someone who has grown tired of being questioned by those who serve her.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/faceangry.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">Old man, let me be perfectly clear about something. The only reason I keep you and the rest of your generation in this council is out of respect for your years of service to my father. Your experience has value, I won't deny that.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/faceangry.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">However, I don't expect brilliant innovations from you or any of the other fossils who cling to the old ways. Your role is to provide counsel when asked, not to lecture me about who I choose to call my friends or how I choose to conduct myself in MY throne room.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/faceangry.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">So would you be so kind as to shut the hell up and go back to whatever withered administrative tasks occupy your time? I have actual important matters to discuss with someone whose opinions I value. Thank you.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">The old advisor's face turns several shades of red as he bows stiffly and retreats to his corner, muttering under his breath. The other elderly councilors suddenly find their scrolls and documents extremely fascinating. Velkira struggles to hide her amusement.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">Now then, Velkira, let's discuss something that actually matters. I've already dispatched Elariel with half our standing army to positions near the border. They should be in place by tomorrow's dawn.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic;">Velkira's expression grows serious as the conversation turns to military matters. The casual friendliness remains, but both women understand the gravity of the situation they face.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Do you believe these bandits might turn their attention to us next? The attack seemed unusually organized and thorough for typical raiders. Almost like they had specific objectives.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">That's exactly what worries me. If these are just desperate bandits, they'd take what they could and move on. But total destruction of a neutral settlement? That suggests either madness or someone pulling their strings. Either way, we need to be prepared.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">I need you to select one of our most capable and discreet generals. Someone who can blend in and gather intelligence without drawing attention. Send them to Lindale immediately.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">What specific intelligence are you looking for? Troop movements? Political developments? Something more targeted?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">Everything. I want to know every detail of what's happening in that town. Who's coming and going, what the local mood is like, whether there are any unusual visitors or activities. If someone is organizing these attacks, they might be using Lindale as a staging ground.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/celindra/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-celindra" style="color:rgb(129, 157, 241);">I'm particularly interested in any groups of armed men gathering in the area. Former soldiers, mercenaries, anyone who might have the skills and organization to orchestrate such a thorough attack. We need to identify these threats before they strike again.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/velkira/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-velkira" style="color:rgb(219, 73, 219);">Understood, Celin. I'll have General ____ depart within the hour. They're our best at gathering intelligence without attracting notice. If there's any connection between these attacks and activities in Lindale, they'll uncover it.</span></div><div style="clear: left;"></div></div> <div style="margin: 25px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px;"> <p style="color: #F0F8FF; text-align: center; font-style: italic; line-height: 1.6;">The throne room falls into a contemplative silence as both women consider the implications of recent events. In the distance, the sound of training soldiers can be heard through the windows - a reminder that even in this peaceful kingdom, the shadow of war is never far away.</p> <p style="color: #F0F8FF; text-align: center; font-style: italic; line-height: 1.6; margin-top: 15px;">Queen Celindra's bare feet touch the cold marble as she shifts on her throne, the weight of responsibility heavy on her young shoulders. The morning light continues to stream through the stained glass, casting ever-changing patterns of color across the chamber where difficult decisions shape the fate of nations.</p> </div></div><div style="text-align: center; margin-top: 30px;"> [[Continue|POVTransitionCelindraToRylan]] </div></div><<changeFace $currentCelindraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>><<set $currentFace = $currentMarielFace>><<if not $rylanRomanceMariel>><<set $rylanRomanceMariel = false>><</if>><<if not $marielTransformationMother>><<set $marielTransformationMother = false>><</if>><<if not $humanTransformationFeminine>><<set $humanTransformationFeminine = false>><</if>> <div class="chapter-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 50%, rgba(210, 180, 140, 0.85) 100%); min-height: 100vh; padding: 20px;"> <div class="content-box" style="background: rgba(45,45,50,0.8); border: 2px solid rgba(100,100,100,0.3); border-radius: 15px; padding: 30px; margin: 20px auto; max-width: 900px;"> <div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #d4af37; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); margin-bottom: 10px;">Mariels Solitude</h2> <h3 style="color: #f0e68c; font-size: 1.4em; font-style: italic; margin-bottom: 5px;">Mariel's Room - Later</h3> <p style="color: #ddd; font-size: 1.1em;">The weight of desire and guilt...</p></div> <<if $NTRMarielxSeryk>><div class="scene-section" style="background: rgba(100,50,100,0.2); border: 1px solid rgba(150,100,150,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> I sit on the edge of my bed, still trembling from what I witnessed. The image of Seryk's powerful body haunts me, but I try to push the thoughts away. <span class="dialog-mariel">"I can't... I shouldn't be thinking about this..."</span> I whisper, but my body betrays me. My nipples are already hard, pressing against the fabric of my white blouse, and there's an unbearable ache between my thighs. Without thinking, my hands slide under my white skirt and I quickly slip my panties down my trembling legs, stepping out of them. The delicate white fabric falls to the floor as I remain fully clothed but now exposed underneath. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate1.webp" style="width: 350px; border-radius: 10px; float: right; margin: 0 0 20px 25px;"> <span class="dialog-mariel">"Just... just once to calm down..."</span> I whisper to myself as my hand slides under my skirt, finding my already wet entrance. The stress and confusion from everything that's happened today overwhelms me. I begin to stroke myself gently, trying to find some relief from the tension. My movements are careful, restrained - I'm just trying to ease the ache, nothing more. <span class="dialog-mariel">"This will help me think clearly..."</span> I tell myself as I work my fingers in slow, deliberate circles. The pleasure builds gradually, a gentle wave rather than the overwhelming storm I somehow expected. When the small climax finally comes, it's soft and brief - a moment of relief but not the satisfaction I desperately need. <span class="dialog-mariel">"That should be enough..."</span> I whisper, but even as I say it, I know it's not true. My body is still humming with need, still aching for something more. <<trackExperience "Mariel" "Masturbation" 1>><<trackExperience "Mariel" "Orgasms" 1>><<set $mariel_Lust = 80>> After several minutes, I hear Seryk's door open and his footsteps moving down the hallway. Once I'm sure he's gone, something draws me from my room. I slip out quietly and approach his door, which he left slightly ajar. The moment I get close, I'm hit by it - a thick, musky scent that I've never experienced before. <div style="background: rgba(75,25,75,0.5); border: 2px solid #9932cc; border-radius: 8px; padding: 20px; margin: 20px 0;">The moment I step inside, I'm overwhelmed by the thick, masculine scent that fills the air. It's mixed with something else - something raw and potent that makes my head spin. The unmistakable aroma of his recent release. <span class="dialog-mariel">"What... what is that smell?"</span> I whisper, but my body already knows. My legs feel weak and I'm getting wet again despite my recent relief. <<changeFetish "Mariel" "SmellFetish" 0.2>><<changeLust "Mariel" 15>></div> I can't resist. I step fully into his room and close the door behind me. The scent is intoxicating, pulling me deeper into his space like some invisible force. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate2.webp" style="width: 350px; border-radius: 10px; float: right; margin: 0 0 20px 25px;"> <span class="dialog-mariel">"I shouldn't be here... but I can't leave..."</span> I whisper as I sink onto his bed, still fully clothed in my white blouse and skirt. My hand slides under my skirt again, finding my entrance still slick and sensitive from before. But this time it's different - the scent surrounding me makes every touch more intense, more desperate. I'm not just seeking relief anymore; I'm craving something I don't fully understand. <span class="dialog-mariel">"Oh god... why does this feel so good?"</span> I moan softly as I work my fingers faster, the combination of his scent and my own arousal driving me wild. But I need more. Without thinking, I begin to undress, letting my blouse fall away, then my skirt, then my bra. I need to feel the air on my skin, need to be as exposed and vulnerable as possible in his space. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate3.webp" style="width: 300px; border-radius: 10px; float: left; margin: 0 20px 20px 0;"> Now completely naked on his bed, I spread my legs and continue touching myself, the scent making me dizzy with need. That's when I notice them - his boxers, tossed carelessly on the floor. And they're not just damp with sweat. There are white stains on the dark fabric. Fresh ones. <span class="dialog-mariel">"Is that... did he...?"</span> I can't finish the thought, but my body responds instantly. I reach for them with trembling hands. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate4.webp" style="width: 350px; border-radius: 10px; float: right; margin: 0 0 20px 25px;"> The moment I lift them to my face, the concentrated scent hits me like a physical blow. It's him - all of him - and something more. I inhale deeply and nearly collapse from the overwhelming sensation. <span class="dialog-mariel">"Oh fuck... what is happening to me?"</span> I whisper into the fabric, but I can't stop myself from breathing it in again and again. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate5.webp" style="width: 300px; border-radius: 10px; float: left; margin: 0 20px 20px 0;"> I continue to inhale his scent while my other hand works frantically between my legs. Every breath makes me more desperate, more needy. The rational part of my mind is screaming that this is wrong, but my body doesn't care anymore. <<changeFetish "Mariel" "SmellFetish" 0.3>><<changeLust "Mariel" 10>> That's when I notice it - those white stains on the fabric. They're fresh, still glistening slightly. Without thinking, driven by a need I don't understand, I extend my tongue and taste one of the spots. <span class="dialog-mariel">"Oh my god... what...?"</span> The salty, masculine flavor explodes across my taste buds, and something inside me snaps. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate6.webp" style="width: 350px; border-radius: 10px; float: right; margin: 0 0 20px 25px;"> The effect is immediate and overwhelming. It's like liquid fire coursing through my veins, awakening every nerve ending in my body. This is what I've been craving without even knowing it - his essence, his very being. <span class="dialog-mariel">"Yes... oh god, YES!"</span> I cry out, no longer caring about being quiet or proper. I lick the fabric desperately, seeking more of that incredible taste while my fingers pump in and out frantically. The combination of his scent and taste is driving me to heights of pleasure I never knew existed. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate7.webp" style="width: 300px; border-radius: 10px; float: left; margin: 0 20px 20px 0;"> <span class="dialog-mariel">"Seryk... I need... I need..."</span> I can't even form coherent thoughts anymore as my body builds toward something massive. I shift positions constantly, my body writhing as I chase sensation after sensation. The scent, the taste, the feeling of being surrounded by everything that is him - it's transforming me into something I don't recognize. <span class="dialog-mariel">"I don't... I don't understand what's happening to me..."</span> I whimper into his boxers as my body begins to tense, building toward what promises to be the most intense orgasm of my life. My entire body is trembling with anticipation, every nerve ending alive with electricity. I can feel something massive building inside me, something I've never experienced before...</div><<else>> <div class="scene-section" style="background: rgba(100,100,150,0.2); border: 1px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> I sit on my bed, still shaken by Thalor's harsh letter and the comfort <<print $humanName>> provided. His embrace was so warm, so reassuring... but why do I feel this strange flutter in my chest when I think about it? <span class="dialog-mariel">"He's like a son to me,"</span> I whisper to myself, trying to rationalize the confusing feelings stirring within me. <span class="dialog-mariel">"It's just... gratitude. Nothing more."</span> But as I replay the moment in my mind - his strong arms around me, his gentle words, the way he looked at me with such care - I feel a warmth spreading through my body that has nothing to do with gratitude. <img src="images/mariel/faceembarrassed.webp" style="width: 150px; border-radius: 10px; float: right; margin: 0 0 15px 20px;"> <span class="dialog-mariel">"This is wrong... so wrong..."</span> I whisper, but my body betrays me as heat pools between my legs. The stress of the letter, the emotional vulnerability, the comfort of his touch - it's all mixing together into something I don't understand and can't control. Without thinking, I lift my white skirt and slip my fingers into the waistband of my panties, sliding them down my trembling legs. The cool air against my exposed skin makes me gasp softly. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbategentle.webp" style="width: 300px; border-radius: 10px; float: left; margin: 0 20px 15px 0;"> My hand finds its way between my legs tentatively, as if I'm afraid of what I might find there. I'm wet - shamefully, confusingly wet from thinking about <<print $humanName>>'s embrace. <span class="dialog-mariel">"I shouldn't... he's... he's..."</span> I can't even finish the thought as my fingers begin to move in slow, careful circles. I close my eyes and try to think of Thalor, of our wedding day, of proper thoughts befitting a married woman. But unbidden, the memory of <<print $humanName>>'s protective arms returns, the way he called me by the pet name I've grown to love, the genuine care in his voice. <<changeLust "Mariel" 8>><<changeFetish "Mariel" "SubmissionFetish" 0.1>> <span class="dialog-mariel">"Oh... oh god..."</span> I whisper as pleasure builds slowly, guilt and arousal warring within me. The climax comes gently, like a warm wave washing over me rather than the overwhelming surge I expected. My body trembles as I bite my lip to stay quiet, tears of confusion and shame mixing with the pleasure. <<trackExperience "Mariel" "Masturbation" 1>><<trackExperience "Mariel" "Orgasms" 1>><<changeLust "Mariel" -35>><<changeAffection "Mariel" "Rylan" 1>> When it's over, I pull my panties back up with shaking hands and smooth down my skirt, staring at myself in the mirror across the room. <span class="dialog-mariel">"What kind of woman am I?"</span> I whisper to my reflection. <span class="dialog-mariel">"Thalor is serving the kingdom, and I'm... I'm..."</span> I can't finish the thought. The guilt is overwhelming, but beneath it, I can't deny the small part of me that felt... comforted. Protected. Desired.</div><</if>></div></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(139, 69, 19, 0.3); border: 1px solid rgba(160, 82, 45, 0.5); border-radius: 8px; padding: 20px;"> [[Continue|Chapter3Next]] </div></div><<statSummary>><<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('thalorcarriage.mp3');<</script>><<set $currentFace = $currentThalorFace>><<set $timeOfDay = "morning">><<set $gameDay += 1>> <div class="carriage-scene-container" style="background: linear-gradient(to bottom, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="road-overlay" style="background: url('images/landscapes/carriage_road.webp') center/cover; opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="carriage-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #D2B48C; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">The Journey Home</h2> <p style="color: #F5DEB3; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">Morning mist clings to the carriage wheels as two veterans of war discuss the future...</p></div> <div class="carriage-description" style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px; margin-bottom: 25px;"> <center><img src="images/landscapes/carriage.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: #F5DEB3; line-height: 1.6;">The carriage rocks gently on the worn cobblestone road, its wooden wheels grinding against the ancient stones. Inside, two figures sit across from each other. One brooding in silence, the other seemingly oblivious to the tension that fills the cramped space like smoke from a dying fire.</p> <p style="color: #F5DEB3; line-height: 1.6; margin-top: 15px;">Thalor stares out the small window, watching the morning countryside roll by. His weathered hands rest on his knees, calloused fingers occasionally twitching as if reaching for a sword that isn't there. Across from him, Gairos lounges with the casual arrogance of a man who has never known true consequence.</p></div><div class="dialogue-section" style="margin: 25px 0;"><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">You know, Thalor, that brunette at the tavern last night... she was practically throwing herself at you. Beautiful thing, probably twenty-five at most. Prime breeding age, if you catch my meaning.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #D2B48C; font-style: italic;">Thalor's jaw tightens imperceptibly. He doesn't turn from the window, but his reflection shows the familiar weight of exhaustion that has haunted him for years.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">So tell me, old friend. Why didn't you give her your 'broadsword'? Everything still working properly down below? Or has age finally caught up with the great warrior?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">No. It doesn't...</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #D2B48C; font-style: italic;">The single word hangs in the air like a blade. Gairos's eyebrows rise with predatory interest, sensing weakness like a wolf scenting blood.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Ah, right... you're married to that sanctimonious priestess. What was her name again? Jennifer? No, that was someone else entirely... Something with an M... Marlene? Marianne?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Mariel.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Wait, wait... did you just say 'no' when I asked about your equipment? *Erupts in cruel laughter* Oh, this is rich! Thalor the Strong has become Thalor the Limp!</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #D2B48C; font-style: italic;">Gairos pounds on the carriage wall, calling out to the driver with malicious glee.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmirk.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Hey! Driver! You're transporting Thalor the Limp! The legendary warrior who can't get his sword to stand at attention anymore! Hahaha!</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #D2B48C; font-style: italic;">Thalor's knuckles whiten as his hands clench into fists. The shame burns deeper than any wound he's ever received in battle. He stares harder out the window, trying to disappear into the passing landscape.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Wiping tears of laughter* Gods, you're all so dull these days. Tell me, since when has this... condition afflicted you?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Since the night in the demon king's castle.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #D2B48C; font-style: italic;">For a moment, even Gairos falls silent. The weight of that night, the screams of children, Mariel's broken sobs, the taste of victory turned to ash, hangs between them like a ghost.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Nodding with sudden understanding* Ah, I see. You miss the thrill of the kill. Since the war ended, you haven't had the chance to spill demon blood. I completely understand. I sometimes get aroused just thinking about ending those filthy creatures. *Cruel smile* And here I thought you'd lost your backbone! Don't worry, my friend... there will be opportunities soon enough.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #CD853F; font-style: italic;">Thalor's thoughts: *God... he thinks I miss killing. He doesn't understand at all. It's not bloodlust I've lost. It's the ability to feel anything at all. How can I explain that watching children die broke something inside me that will never heal?*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Leaning forward with renewed energy* Tell me, aren't you excited to see your wife and son again? Oh wait... *Mocking laugh* I forgot you married that self-righteous priestess, marlenne. My condolences, Thalor the Limp!</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Mariel.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Waving dismissively* Right, right. Now, where was I before you so rudely interrupted? Ah yes... opportunities. You see, Thalor, we're in what diplomats call a 'silent conflict' with the Holy Kingdom of Stormark.</span></div><div style="clear: left;"></div></div> <center><img src="images/items/map.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #CD853F; font-style: italic;">Thalor's thoughts: *Great... one war ends and we start another. When will it ever end?*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Their previous king died four years ago. Decent man, saw the world as we do. Understood the natural order of things. But his daughter... *Spits* She took the throne when she was barely more than a child. A woman ruling a kingdom! Can you imagine? Next they'll be telling men to sit when they piss! *Crude laughter*</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Since she took power, she's established the most ridiculous laws. First decree: no more public executions for demons or demi-humans. They get the same legal proceedings as humans! Can you believe that nonsense?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Second: slaves are now 'workers' who must be paid and fed. No physical or verbal punishment from their masters. Can you imagine walking through a market with no hanging demons? How utterly boring. Recently, I had the misfortune of traveling through their so-called "kingdom". Children laughing alongside filthy beastfolk, and not a single chained neck in sight. It's enough to turn a man's stomach.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Aren't we in conflict with them?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Arrogant smile* You think anyone could stop me from going where I please? Anyway, I traveled through their lands recently. Stayed at an inn in the countryside. They had the most delicious honey cake, and their young daughter was absolutely charming.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">But the next morning at breakfast... *Voice dripping with disgust* They were eating at the same table as a demon couple! Apparently, these creatures 'worked' there. In four short years, this princess has given demons and demi-humans the same treatment as humans. They're treated as equals, not property! Those demons might have even been coupling under the same roof!</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">I really did love that honey cake though... such a shame I had to burn the entire inn down with the family inside....</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <span style="color: #CD853F; font-style: italic;">Thalor's thoughts: *God, Mariel... please don't have the demons there when I arrive. Please don't let Gairos discover what we've become...*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">This is where I'll need your help soon. Once we're finished with whoever attacked Mistfen, we march on Stormark.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">You think Stormark attacked Mistfen?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Dismissive wave* No, they traded extensively with Mistfen. Like Lindale, they're a neutral region. Why did you move to that backwater anyway? You could have had an estate in the capital.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Then why attack Stormark?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Cold smile* Simple. I don't like their laws. The natural order must be restored.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Why do you need my help? Aren't you strong enough on your own?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">*Dangerous edge to his voice* Watch your tongue, boy! I'm considerably stronger now than during our battle with the Demon King. Unlike certain limp warriors I could mention.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">The problem is this new queen has united all the demi-human races under her banner. Many have joined her army, demons included. I've heard refugees from Bellgard have fled to her kingdom seeking sanctuary.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Her army's power has grown exponentially, and rumors say she's tamed an angel to serve her.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">An angel?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">I'm not certain of their capabilities, but they can't be stronger than Azgorth. Otherwise they would have already launched an offensive. Still, it could prove... complicated. That's where you and your lovely wife mary, come into play.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(160, 82, 45, 0.4)); border: 2px solid rgba(210, 180, 140, 0.3); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="color: #8B4513;">Mariel.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-gairos" style="color: #1E90FF;">Right. Tell me, is your son an adult now? Perhaps he could join us. Time to get his hands properly bloodied with demon and demi-human gore. Make a real man out of him, unlike his father.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 69, 19, 0.2), rgba(160, 82, 45, 0.3)); border-left: 4px solid rgba(210, 180, 140, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #CD853F; font-style: italic;">Thalor's thoughts: *Over my dead body will I let you corrupt <<print $humanName>>. He's innocent... he doesn't know what we really did. What I did. And he never will if I can help it.*</span></div> <div style="margin: 25px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px;"> <p style="color: #F5DEB3; text-align: center; font-style: italic; line-height: 1.6;">The carriage continues its relentless journey toward Lindale, carrying with it the weight of old sins and the promise of new atrocities. In the silence that follows Gairos's words, Thalor can only pray that Mariel had taken his words to heart-that the letter he sent, telling her firmly that there were to be no more demons in their home, had been understood. She never answered. Not a word. But her silence, he hopes, is not defiance.</p><div style="text-align: center; margin-top: 30px;"> [[Continue the journey|POVTransitionThalorToCelindra]] </div></div><<changeFace $currentThalorFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="kitchen-morning-container" style="background: linear-gradient(to bottom, rgba(255, 235, 205, 0.85), rgba(255, 248, 220, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🍳 Morning Plans 🍳</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Kitchen Table Discussion</p></div> <div class="kitchen-gathering" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The morning sunlight streams through the kitchen windows as everyone sits around the familiar wooden table. The smell of fresh bread and tea fills the air. Mariel, Seryk, Nimeria and I are already seated when we hear footsteps approaching.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The kitchen door opens and Serin walks in, but something is immediately different about her. She's wearing a grey hoodie with comfortable shorts, but her whole appearance has changed dramatically.*</p> <img src="images/serin/chapter3/standing.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her hair is neater, less messy than usual, and she seems to have grown a few centimeters taller. Her arms look more feminine and graceful now, but there's a subtle strength in her posture that suggests she hasn't lost any power. The way her hoodie fits hints at more defined abs underneath, and her overall bearing radiates a new confidence that wasn't there before.*</p><div style="clear: left;"></div></div> <div class="serin-transformation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">Oh, Serin. You look so different.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Yes, Nimeria helped me with my transformation. How do I look?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She stands a bit straighter, her posture radiating a new self-assurance as she looks directly at me. There's still a hint of nervousness in her eyes, but it's overshadowed by genuine confidence in her transformed appearance.*</p> <img src="images/serin/chapter3/portrait.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I feel heat rising to my cheeks as I take in her new appearance. She looks... more graceful somehow, yet still strong. The confidence in her posture is captivating.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Yes, looks good...</span></p><div style="clear: left;"></div> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Serin's smile widens at my response, and she moves to sit down at the table with us.*</p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">We bought so many beautiful clothes for you, with skirts. And you decided to wear a hoodie with shorts.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">I can't get used to wearing a skirt...</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">Oh my! I have to see!</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Maybe later...</span></p><div style="clear: left;"></div></div><<changeLust "Rylan" 4>><<changeAttraction "Rylan" "Serin" 2>><<changeFetish "Rylan" "muscleFetish" 0.5>> <div class="kitchen-scene" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*With Serin now settled at the table, the conversation turns to more serious matters.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">I was planning to visit the guild today to check for new quests, but first...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I take a deep breath, looking around at everyone seated at the table.*</p> <<if $serykxliorantr>><p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">I need to apologize to all of you. What happened with the goblin quest was entirely my fault. I put everyone at risk just because I was trying to prove myself as a leader.</span></p><<else>><p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">I need to apologize to all of you. Serin, I should have listened to you and not followed the goblins by myself just to prove myself. I'll try to rely more on the team.</span></p><</if>><div style="clear: left;"></div></div> <<if $rylanRomanceMariel>><div class="mariel-gratitude-awkward" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh, and <<print $humanName>>... thank you for helping me to bed last night. I don't remember much after that wine, but I'm grateful you were there to make sure I got to my room safely.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She speaks casually, clearly having no memory of what actually happened between us. But the way she looks at me with such innocent gratitude makes my stomach twist with guilt.*</p><div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*My face burns with shame and I can barely meet her eyes. The memory of her desperate kisses, the way she clung to me, the heat of her body against mine - it all floods back in vivid detail while she sits there completely oblivious.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">I... it was nothing, <<print $marielToHuman>>. Just... just making sure you were safe.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*My voice comes out strained and I look down at my hands, unable to face her innocent smile knowing what I let happen.*</p><div style="clear: left;"></div> <<if $marielTransformationMother>><img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">You're such a good boy, sweetheart. Always looking out for others, even when they're being foolish like I was.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her maternal tone makes the guilt even worse. She's treating me like an innocent child when I took advantage of her vulnerability.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Now, about leadership - you don't need to worry so much about being the strongest or proving yourself to anyone. You're still so young, and you have plenty of time to grow into a wonderful leader.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">The best leaders are the ones who protect their family, just like how you protected me last night. Just focus on keeping everyone safe and cared for, okay my dear?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Promise me you won't try to be like that awful old Master Gairos - harsh, cold, and thinking power is everything. You have such a gentle heart, sweetheart - that's your real strength, not being some cruel tyrant.</span></p><div style="clear: left;"></div> <<else>><img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">You're always so thoughtful. Now, let me tell you something important about leadership - it's not about being the strongest person in the team that makes a good leader.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Mariel's expression grows slightly darker as old memories surface, but I can barely focus on her words with the guilt eating at me.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Master Gairos was the most powerful mage any of us had ever seen, but he was never a great leader. A true leader brings the team together and considers every situation for the best outcome of the whole group, not just their own glory.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Don't become some white-bearded old jerk who thinks power is everything!</span></p><div style="clear: left;"></div> <</if>></div><<else>><<if $marielTransformationMother>><div class="mariel-maternal-wisdom" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh sweetheart, come here for a moment...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Without waiting for a response, Mariel reaches over and gently pulls me into a warm, motherly hug. Her voice carries an unusually protective, nurturing tone that seems different somehow.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">My dear child, you don't need to worry so much about being the strongest or proving yourself to anyone. You're still so young, and you have plenty of time to grow into a wonderful leader.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She gently brushes a strand of hair from my forehead, the gesture feeling oddly maternal in a way that makes me feel confused.*</p> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Something about her behavior feels... different. More motherly than usual, almost like she's treating me like I'm much younger than I am. It's warm and comforting, but also strangely confusing.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">The best leaders are the ones who protect their family, just like how I want to protect you. Just focus on keeping everyone safe and cared for, okay my dear?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Promise me you won't try to be like that awful old Master Gairos - harsh, cold, and thinking power is everything. You have such a gentle heart, sweetheart - that's your real strength, not being some cruel tyrant.</span></p><div style="clear: left;"></div> </div><<else>><div class="mariel-wisdom" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh sweetheart, let me tell you something important. It's not about being the strongest person in the team that makes a good leader.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Mariel's expression grows slightly darker as old memories surface.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Master Gairos was the most powerful mage any of us had ever seen, but he was never a great leader. A true leader brings the team together and considers every situation for the best outcome of the whole group, not just their own glory.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Don't become some white-bearded old jerk who thinks power is everything!</span></p><div style="clear: left;"></div></div><</if>><</if>> <div class="seryk-support" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Bro, by apologizing like this, you've already proven real strength. Not everyone can admit their mistakes and take responsibility.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Seryk gives me an encouraging nod, his usual friendly demeanor carrying extra warmth.*</p><div style="clear: left;"></div></div><<if $rylanxserincontent>> <div class="serin-tease-extended" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*As the conversation continues around the table, I suddenly feel something soft and warm pressing against my leg under the table. At first, I think it's accidental, but then I realize it's deliberate - Serin's foot is slowly sliding along my calf.*</p><div style="text-align: center; margin: 25px 0;"> <img src="images/serin/chapter3/atkitchentable/1.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her sock-covered toes begin to trace patterns against my skin through the fabric of my pants, the soft cotton material creating an incredibly pleasant sensation. When I glance at her, she maintains perfect eye contact with the others while speaking, as if nothing is happening. Only the slight smirk playing at the corner of her mouth gives her away.*</p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The sensation is maddening. Her foot moves higher, sliding along my shin with deliberate slowness. The soft fabric glides smoothly against my pants, creating a gentle friction that's both comforting and arousing. I try to focus on the conversation, but every nerve in my leg is hyperaware of her touch.*</p><div style="text-align: center; margin: 25px 0;"> <img src="images/serin/chapter3/atkitchentable/2.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Now her foot reaches my knee, and she starts making small circular motions with her toes. The warmth from her foot radiates through the soft sock material, creating a cozy heat that seems to burn through the fabric of my pants. I have to grip my fork tighter to keep from reacting visibly.*</p> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*When Mariel asks her opinion on something, Serin answers perfectly normally, but her foot grows bolder, sliding up to press against my thigh. The innocent expression on her face is a complete lie - this is pure mischief.*</p><div style="clear: left;"></div><div style="text-align: center; margin: 25px 0;"> <img src="images/serin/chapter3/atkitchentable/3.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*My breathing becomes slightly uneven as her foot explores higher up my thigh. The table conceals everything from the others, but I'm acutely aware of every movement. Her toes flex and relax against my muscle through the soft cotton, creating a gentle massage that's both relaxing and incredibly arousing.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I risk a glance at her face and see that her cheeks are slightly flushed now too. She's enjoying this game as much as I am, the thrill of doing something so intimate while surrounded by our friends and family.*</p><div style="text-align: center; margin: 25px 0;"> <img src="images/serin/chapter3/atkitchentable/4.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her foot reaches the sensitive area of my inner thigh, and I have to suppress a small gasp. The pressure is light but constant, her toes creating small circles through the soft material that send electric shocks through my entire body. My heart is pounding so hard I'm sure everyone can hear it.*</p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Finally, as the conversation starts to wind down, her foot slowly retreats, trailing down my leg with the same deliberate slowness it used to climb up. But just before she pulls away completely, she gives my calf one final, lingering caress with her soft cotton-covered toes.*</p><div style="text-align: center; margin: 25px 0;"> <img src="images/serin/chapter3/atkitchentable/5.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></div> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*When she finally withdraws her foot completely, she gives me the most innocent smile, as if she's done nothing more scandalous than pass the salt. But the heat in her eyes tells a different story entirely.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I'm left sitting there, trying to compose myself while my body still tingles from her touch. Every time I think about what just happened, warmth pools in my stomach. That was definitely not innocent.*</p><div style="clear: left;"></div></div><</if>> <<if $humanTransformationFeminine>><div class="mariel-daughter-dreams" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">You know, it's so wonderful to have more girls living here. I've always dreamed of having a daughter someday...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her eyes light up with genuine excitement as she looks between Liora, Serin, and Nimeria. There's something almost wistful in her expression, and then her gaze lingers on me for a moment longer than the others.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">I used to imagine all the things we could do together - dressing each other up, switching clothes, doing each other's hair, having those late-night talks about everything and nothing...</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria's smile widens slightly, as if she's pleased by this direction of conversation.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">That sounds lovely, Mariel. I'd love to experience those kinds of... sisterly bonding activities.</span></p><div style="clear: left;"></div> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh, and we could have shopping trips together! Picking out cute outfits, trying on different styles, maybe even sharing jewelry and accessories. There's something so special about the bond between girls, you know?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She pauses, looking thoughtful as her eyes drift to me again. There's something contemplative in her expression, as if she's considering something.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">You know, <<print $humanName>>, you have such gentle features. Sometimes I wonder... well, never mind. It's just a silly thought.</span></p><div style="clear: left;"></div> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I feel heat rising to my cheeks at her words and the way she's looking at me. There's something in her gaze that makes me feel... evaluated somehow.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">What kind of thought, <<print $marielToHuman>>?</span></p><div style="clear: left;"></div> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh, it's nothing really. Just... sometimes I think about how nice it would be to have someone else join in on all those feminine activities. Someone who might appreciate the softer side of things, you know?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her smile becomes more maternal, almost hopeful, as if she's planting a seed of an idea.*</p><div style="clear: left;"></div> <img src="images/liora/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">That actually sounds really fun! I'd love to have more girl time with everyone.</span></p><div style="clear: left;"></div> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Yeah, could be interesting. Though I'm not much for the girly stuff usually...</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria's eyes glint with something that might be satisfaction as she watches Mariel's subtle hints toward me.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">I think it would be wonderful for everyone to explore different sides of themselves. There's so much we could all learn from each other...</span></p><div style="clear: left;"></div> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Exactly! We could have weekly girls' nights, do each other's nails, practice different hairstyles... I have so many pretty dresses that never get worn. It would be wonderful to share them with someone who might appreciate them.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The enthusiasm in her voice is infectious, and I can see how much this idea means to her. It's like she's envisioning the daughter she always wanted, and somehow I feel included in that vision.*</p><div style="clear: left;"></div></div><</if>> <div class="nimeria-announcement" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Actually, I'd like to join you from now on. On your adventures, I mean.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The announcement hits the table like a thunderbolt. Everyone stares at Nimeria in shock, forks frozen halfway to mouths.*</p><div style="clear: left;"></div></div> <div class="seryk-concern" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Nim, are you sure about this? You can't really fight, and your body is... well, it's always been sickly...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Seryk's protective concern is obvious, worry creasing his features.*</p><div style="clear: left;"></div></div> <div class="nimeria-determination" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Shut up, Seryk! I'll be fine. I know I can't fight directly, but I think I can give useful tips and strategic advice at least.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her tone carries that familiar sharp edge, but there's determination underneath the irritation.*</p><div style="clear: left;"></div></div> <div class="decision-moment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I consider this carefully. Nimeria is intelligent, that's undeniable. But the risks...*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Okay, fine. But you need to watch yourself out there, and Seryk should keep an eye on you.</span></p><div style="clear: left;"></div></div> <div class="nimeria-flirt" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">But I'd prefer if *you* had an eye on me...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She gives me a playful wink that makes heat rise to my cheeks.*</p> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">*cough* Anyway... what about Nimeria's and Seryk's collars? Shouldn't we remove them?</span></p><div style="clear: left;"></div></div> <<if $marielTransformationMother>><div class="mariel-maternal-explanation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Oh honey, that's a very thoughtful question. Let me explain this properly so you understand...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She speaks in a patient, nurturing tone, as if teaching an important lesson to a young person.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">You see sweetheart, those collars actually work like protection for them. They keep Seryk and Nimeria safe from demon hunters who might think they're dangerous if they saw them without any identification. It's not fair, but that's how the world works right now.</span></p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her tone and the way she's explaining this feels oddly... parental? Like she's treating me as if I'm younger than I am. It's not unpleasant, just... strange.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">I know it looks wrong, but sometimes we have to accept things that protect the people we care about, even if we don't like them. Do you understand what I mean, dear?</span></p><div style="clear: left;"></div> </div><<else>><div class="mariel-explanation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">They don't seem to be active right now, but it wouldn't be a good idea to remove them. In a way, they actually protect them.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Demons without collars means they aren't owned or they've fled from their masters. That makes them free targets for demon hunters and bounty seekers.</span></p><div style="clear: left;"></div></div><</if>> <div class="prejudice-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">This really isn't right. I even hear other adventurers whispering behind our backs - "Look, there go the demon cuddlers."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The bitterness in my voice is hard to hide. Those whispered comments sting more than I'd like to admit.*</p><div style="clear: left;"></div></div> <div class="nimeria-wisdom" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Don't worry about that. This is just how the world is. Seryk told me how you attacked him without listening to him first when you met.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I feel my face flush with embarrassment at the reminder of that shameful first encounter.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Suddenly, I feel her small, warm hand slip into mine across the table, her fingers interlacing with mine in a comforting gesture.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Don't worry, I don't judge you for that. But as you can see, everyone has their prejudices. The difference is that some people can change with time and experience.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">I'm sure if you really want to, you can change their views too. People respect actions more than words, after all.</span></p><div style="clear: left;"></div></div></div> <<changeLust "Rylan" 3>><<changeAffection "Rylan" "Nimeria" 2>><<changeAffection "Rylan" "Mariel" 1>><<changeAffection "Rylan" "Seryk" 1>><<if $rylanRomanceMariel>><<changeLust "Rylan" 5>><</if>> [[Head to the guild to check for quests|GuildMorningChapter3]] [[Ask more about demon rights and laws|DemonRightsDiscussion]] <<changeFace $currentRylanFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>><<set $currentFace = $currentMarielFace>><div class="chapter-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 50%, rgba(210, 180, 140, 0.85) 100%); min-height: 100vh; padding: 20px;"><div class="content-box" style="background: rgba(45,45,50,0.8); border: 2px solid rgba(100,100,100,0.3); border-radius: 15px; padding: 30px; margin: 20px auto; max-width: 900px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"><h2 style="color: #d4af37; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); margin-bottom: 10px;">The Climax</h2><h3 style="color: #f0e68c; font-size: 1.4em; font-style: italic; margin-bottom: 5px;">Seryk's Room - Moments Later</h3><p style="color: #ddd; font-size: 1.1em;">The overwhelming release...</p></div><<if $NTRMarielxSeryk>> <div class="scene-section" style="background: rgba(100,50,100,0.2); border: 1px solid rgba(150,100,150,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> <span class="dialog-mariel">"Mmmph... ahhhh... oh god..."</span> I moan helplessly into his boxers as the sensation builds to an unbearable peak. The climax that follows is unlike anything I've ever experienced. It starts deep in my core and radiates outward, consuming every part of my being. My back arches off the bed, my toes curl, and I scream his name into the fabric as wave after wave of impossible pleasure washes over me. <<script>>window.AudioSystem.playSFX('orgasm.mp3');<</script>><span class="dialog-mariel">"SERYK! Oh god... OH GOD!"</span> I cry out as something incredible happens - my body releases in a way it never has before. I feel myself squirting, liquid pleasure gushing from me as my entire being convulses with the most intense orgasm of my life. <img src="images/seryk/chapter3/afternoonmarielntr/marielmasturbate8.webp" style="width: 350px; border-radius: 10px; float: right; margin: 0 0 20px 25px;"> The intensity finally becomes too much, and I collapse onto his bed, gasping and trembling, still clutching his boxers against my face as the last waves of pleasure fade into exhausted confusion. <<changeFetish "Mariel" "SmellFetish" 0.6>><<changeFetish "Mariel" "CumAddiction" 0.5>><<addSoulCorruption "mariel" 1>><<trackExperience "Mariel" "Masturbation" 2>><<trackExperience "Mariel" "Orgasms" 2>><<set $mariel_CumNeed = 0>><<set $mariel_Lust = 0>><<changeAttraction "Mariel" "Seryk" 5>> <span class="dialog-mariel">"What... what just happened to me?"</span> I whisper in confusion and horror, looking around at the evidence of my complete loss of control. The bed beneath me is soaked, my body still trembling from the aftermath. I've never experienced anything like that before - the way my body responded to his scent and taste was beyond anything I thought possible. I scramble to my feet on unsteady legs, hastily arranging his bedding to hide what I've done. But I can't bring myself to put down his boxers - not yet. I hold them to my face for one last, deep breath before finally, reluctantly, placing them back where I found them. <span class="dialog-mariel">"I have to get out of here... before he comes back..."</span> I whisper, gathering my scattered clothes with trembling hands. I dress quickly, my body still hypersensitive from what just happened. Every brush of fabric against my skin sends little aftershocks through me, reminders of the incredible pleasure I just experienced. I flee back to my room, closing the door behind me and leaning against it, my heart pounding. My body is still humming with satisfaction, but my mind is reeling with confusion and shame. <span class="dialog-mariel">"What kind of wife am I? What kind of woman does something like that?"</span> I whisper to my reflection in the mirror. But even as shame overwhelms me, I can't deny the deep satisfaction still coursing through my body, or the way I'm already craving more of his intoxicating presence. Something fundamental has changed in me today, and I'm not sure I can ever go back to who I was before.</div><<else>> <div class="scene-section" style="background: rgba(100,100,150,0.2); border: 1px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> <span class="dialog-mariel">"Mmm... oh... oh god..."</span> I moan softly as the gentle climax washes over me. The release is warm and comforting rather than overwhelming, but it brings with it a confusing mix of guilt and satisfaction. I think of <<print $humanName>>'s protective embrace as the pleasure fades, leaving me feeling both ashamed and strangely content. <span class="dialog-mariel">"This is so wrong... but why did it feel so right?"</span> I whisper to myself as I straighten my clothing. <<trackExperience "Mariel" "Masturbation" 1>><<trackExperience "Mariel" "Orgasms" 1>><<changeLust "Mariel" -35>><<changeAffection "Mariel" "Rylan" 1>> The guilt settles in as I return to my normal routine, but beneath it, there's a new awareness of feelings I don't fully understand. The comfort he provided awakened something in me, something I'm not sure how to handle.</div><</if>></div></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(139, 69, 19, 0.3); border: 1px solid rgba(160, 82, 45, 0.5); border-radius: 8px; padding: 20px;"> [[Continue...|NimeriasLaboratory]] </div></div><<statSummary>><<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "night">><div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌙 Late Night Restlessness 🌙</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Night</p></div><div class="restless-night" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <<if $serykxliorantr>><p style="color: white; line-height: 1.6; margin-bottom: 20px;">I toss and turn in my bed, unable to find sleep despite the late hour. My mind keeps replaying yesterday's goblin hunt over and over again. What was I thinking? Charging ahead like that, ignoring Serin's experience and putting everyone in danger just because I wanted to prove myself...</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The moonlight streaming through my window seems to mock me, illuminating my shame. Liora could have been seriously hurt - or worse. All because I was too proud to listen, too desperate to show I wasn't the failure who ran from a single goblin before.</p><<else>><p style="color: white; line-height: 1.6; margin-bottom: 20px;">I toss and turn in my bed, unable to find sleep despite the late hour. My mind keeps replaying yesterday's goblin hunt over and over again. What was I thinking? It was stupid of me to charge ahead just to prove myself...</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The moonlight streaming through my window illuminates my restless thoughts. Everything went well in the end, but it could have gotten so much worse. I need to be smarter about these things.</p><</if>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I need to apologize to everyone properly, and more importantly, I need to actually become someone worthy of their trust.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">With a heavy sigh, I slip out of bed and pad barefoot across the cool wooden floor. My bladder is demanding attention, but my mind is still wrestling with how to make things right. The house is eerily quiet as I make my way to the bathroom, trying not to wake anyone with the sound of my shame-filled footsteps.</p></div> <div class="bathroom-trip" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">After taking care of business, I quietly wash my hands and stare at my reflection in the small mirror. The face looking back at me still looks young, uncertain. How can I expect others to trust me when I keep making such terrible decisions?</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I start making my way back to my room, the floorboards creak softly under my feet despite my efforts to move silently. Just as I'm about to reach my door, something catches my attention - there's a faint glow coming from the direction of the kitchen. Someone else is awake at this hour.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I pause in the hallway, wondering if someone else is also struggling with thoughts about yesterday. Maybe this is my chance to start making amends, to have an honest conversation about how badly I messed up. Or maybe I should just let them have their peace and return to wrestling with my guilt alone.</p></div><div class="decision-moment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">Maybe this is my chance to finally start making things right...</p><div style="background: rgba(255, 200, 200, 0.1); border: 1px solid rgba(255, 150, 150, 0.3); border-radius: 6px; padding: 15px; margin: 20px 0; text-align: center;"> <p style="color: #ffcccc; font-weight: bold; margin-bottom: 10px;">⚠️ IMPORTANT CHOICE ⚠️</p> <p style="color: #ffcccc; font-size: 0.9em;">This decision will determine whether you pursue romantic content with your <<print $marielToHuman>> or miss this opportunity entirely. Choose carefully!</p></div></div><div style="text-align: center; margin-top: 30px;"><div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px; margin-bottom: 15px;"> <p style="color: white; margin-bottom: 15px;">What should I do?</p> [[💕 Check out the kitchen light (Mariel romance)|KitchenNightEncounter]]</div><div style="background: rgba(80, 80, 120, 0.3); border: 1px solid rgba(100, 100, 140, 0.5); border-radius: 8px; padding: 20px;"> [[😴 Just go back to sleep|SkipMarielContent]]</div></div></div> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('stormark.mp3');<</script>> <<scrollingCredits 200>> <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; background: rgba(0,0,0,0.9); padding: 20px 30px; border-radius: 25px; border: 2px solid #ffd700; text-align: center;"> <h3 style="color: #ffd700; font-size: 1.3em; margin: 0 0 10px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> 🎬 End of Chapter 3 🎬 </h3> <p style="color: #ffffff; font-size: 1em; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);"> Thank you for playing <strong style="color: #ffd700;">Bonds Defiled</strong> </p> <p style="color: #dda0dd; font-size: 0.9em; margin: 8px 0 0 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);"> Credits will complete automatically... </p> </div> <div style="position: fixed; bottom: 20px; right: 30px; z-index: 10001;"> <button onclick="document.getElementById('scrolling-credits-container').style.display = 'none'; SugarCube.Engine.backward();" style="background: rgba(139,0,0,0.8); color: #ffffff; border: 2px solid #ffd700; padding: 12px 20px; border-radius: 25px; cursor: pointer; font-size: 1em; font-weight: bold; transition: all 0.3s ease;"> ⬅️ Go Back </button> </div><<script>> setTimeout(function() { SugarCube.Engine.backward(); }, 203000); // 200s credits + 3s buffer <</script>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="rights-discussion-container" style="background: linear-gradient(to bottom, rgba(180, 160, 140, 0.85), rgba(200, 180, 160, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚖️ Rights and Laws ⚖️</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Serious Discussion</p></div> <div class="initial-question" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">I want to understand this better. What exactly are the laws regarding demons? Do they have any rights at all?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The conversation takes on a more serious tone as I lean forward, genuinely wanting to understand the legal reality that Seryk and Nimeria face.*</p><div style="clear: left;"></div></div> <div class="mariel-legal-knowledge" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Legally speaking, demons are considered... property. They cannot own land, enter contracts, or represent themselves in court.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Mariel's expression darkens as she continues, clearly uncomfortable with the topic.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">The collar system exists because 'unowned' demons are considered threats to public safety. They can be captured or killed on sight by licensed demon hunters.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">An 'owned' demon, however, is the responsibility of their master. They can't be harmed without going through the owner first.</span></p><div style="clear: left;"></div></div> <div class="seryk-perspective" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">She's right, bro. Technically, we're considered less than human in the eyes of the law. We can't testify in trials, can't defend ourselves legally, can't even complain if we're mistreated.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Despite the heavy topic, Seryk's tone remains surprisingly calm and matter-of-fact.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">The irony is that these collars actually give us more freedom than we'd have without them. At least this way, people assume we belong to someone who vouches for our behavior.</span></p><div style="clear: left;"></div></div> <div class="liora-shock" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">That's... that's horrible. I never realized it was that bad.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Liora looks genuinely distressed by this information, her healing nature clearly troubled by such systematic injustice.*</p><div style="clear: left;"></div></div> <div class="nimeria-analysis" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">The system was designed after the Demon King's defeat. Fear drove the legislation - demons were seen as an existential threat that needed to be controlled or eliminated.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria's analytical tone carries a hint of bitterness as she explains the historical context.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">What's particularly cruel is that demons who refuse to submit to the collar system are labeled as 'dangerous separatists' and hunted down. There's no legal path to freedom.</span></p><div style="clear: left;"></div></div> <div class="serin-reaction" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">I had no idea either. I always thought the collars were just... tradition or something. This makes me feel terrible about all the times I complained about people staring at us.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Serin looks genuinely ashamed, her newfound confidence dampened by the weight of this knowledge.*</p><div style="clear: left;"></div></div> <div class="rylan-deeper-questions" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">So what happens if someone mistreats their 'owned' demon? Are there any protections at all?</span></p><div style="clear: left;"></div></div> <div class="mariel-grim-reality" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">Technically, there are laws against 'destruction of property' and 'animal cruelty' that could apply. But since demons can't testify on their own behalf, and few humans are willing to speak up for them...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She trails off, the implication clear. Her hands clench slightly as old memories seem to surface.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">I've seen... terrible things during my travels. Demons treated worse than livestock. And there was nothing we could do legally.</span></p><div style="clear: left;"></div></div> <div class="seryk-optimism" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Hey, don't look so gloomy, everyone. Things are slowly changing. There are more people like you all - humans who see demons as individuals rather than threats.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Every positive interaction, every friendship, every act of kindness helps change minds. That's more powerful than any law in the long run.</span></p><div style="clear: left;"></div></div> <div class="nimeria-strategy" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Seryk's right. Social change often precedes legal change. The more successful demon-human partnerships people see, the harder it becomes to maintain the fiction that we're inherently dangerous.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">That's part of why I want to join your adventures. Demonstrating that demons can be valuable allies, not just controlled servants, could help shift public perception.</span></p><div style="clear: left;"></div></div> <div class="rylan-commitment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Then that's what we'll do. We'll show everyone that demons and humans can work together as equals. Even if we get called 'demon cuddlers' for it.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I feel a surge of determination. This conversation has opened my eyes to just how important our friendship and partnership really is.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Maybe someday, demons won't need collars for protection. Maybe they'll have real rights, real freedom.</span></p><div style="clear: left;"></div></div> <div class="group-solidarity" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The weight of this conversation hangs in the air, but there's also a sense of unity. We're not just friends anymore - we're allies in something bigger than ourselves.*</p> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">I'll help however I can. Everyone deserves to be treated with dignity and respect.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Count me in. I won't let anyone talk badly about our friends anymore.</span></p><div style="clear: left;"></div> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">This conversation reminds me why we fought against the Demon King in the first place - not to subjugate an entire race, but to protect innocent people. All innocent people.</span></p><div style="clear: left;"></div></div></div> <<changeLust "Rylan" 2>><<changeAffection "Rylan" "Seryk" 3>><<changeAffection "Rylan" "Nimeria" 3>><<changeAffection "Liora" "Seryk" 2>><<changeAffection "Liora" "Nimeria" 2>><<changeAffection "Serin" "Seryk" 2>><<changeAffection "Serin" "Nimeria" 2>><<changeAffection "Mariel" "Seryk" 1>><<changeAffection "Mariel" "Nimeria" 1>> [[Head to the guild to check for quests|GuildMorningChapter3]] <<changeFace $currentRylanFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('seryknimeriaconfrontation.mp3');<</script>><<set $timeOfDay = "night">><div class="dream-transition" style="background: linear-gradient(to bottom, rgba(0,0,0,0.95), rgba(30,20,50,0.9)); min-height: 500px; padding: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); text-align: center;"><div id="serykDreamFade" style="opacity: 1; transition: all 3s ease-in-out;"><p style="color: #87CEEB; font-size: 1.3em; font-style: italic; margin-bottom: 20px;">*Seryk's memories of guilt fade into the darkness...*</p><p style="color: white; font-size: 1.1em; margin-bottom: 25px;">✦ ✧ ✦</p><p style="color: #DDA0DD; font-size: 1.1em; font-style: italic;">*But dreams have a way of traveling...*</p></div><div id="transitionText" style="opacity: 0; transition: all 2s ease-in-out; margin-top: 30px;"><p style="color: white; font-size: 1.2em; margin-bottom: 25px;">✧ ✦ ✧</p><p style="color: #FFB6C1; font-size: 1.1em; font-style: italic; margin-bottom: 20px;">*Across the house, another mind stirs...*</p><p style="color: #90EE90; font-size: 1.0em;">*The transformation's effects begin to manifest...*</p></div><div id="marielIntro" style="opacity: 0; transition: all 2s ease-in-out; margin-top: 30px;"><p style="color: #DDA0DD; font-size: 1.3em; font-weight: bold;">*Mariel's Dreams*</p><p style="color: white; font-size: 1.0em; margin-top: 15px;">Where Healing Becomes Something More</p></div><div id="continueLink" style="opacity: 0; transition: all 1s ease-in-out; margin-top: 40px;"> [[Continue|MarielsTransformdreamChapter3]] </div></div><script> setTimeout(function() { document.getElementById('serykDreamFade').style.opacity = '0'; document.getElementById('transitionText').style.opacity = '1'; }, 1000); setTimeout(function() { document.getElementById('marielIntro').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continueLink').style.opacity = '1'; }, 5000); </script> <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('seryknimeriaconfrontation.mp3');<</script>><<set $timeOfDay = "night">><div class="dream-transition2" style="background: linear-gradient(to bottom, rgba(138, 43, 226, 0.8), rgba(0,0,0,0.95)); min-height: 500px; padding: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); text-align: center;"><div id="marielDreamFade" style="opacity: 1; transition: all 3s ease-in-out;"><p style="color: #DDA0DD; font-size: 1.3em; font-style: italic; margin-bottom: 20px;">*Mariel's transformation dreams fade into peaceful sleep...*</p><p style="color: white; font-size: 1.1em; margin-bottom: 25px;">✦ ✧ ✦</p><p style="color: #FFB6C1; font-size: 1.1em; font-style: italic;">*The seeds are planted, ready to grow...*</p></div><div id="returningText" style="opacity: 0; transition: all 2s ease-in-out; margin-top: 30px;"><p style="color: white; font-size: 1.2em; margin-bottom: 25px;">✧ ✦ ✧</p><p style="color: #87CEEB; font-size: 1.1em; font-style: italic; margin-bottom: 20px;">*But across the house, guilt still weighs heavy...*</p><p style="color: #DDA0DD; font-size: 1.0em;">*The memories continue to unfold...*</p></div><div id="serykReturn" style="opacity: 0; transition: all 2s ease-in-out; margin-top: 30px;"><p style="color: #87CEEB; font-size: 1.3em; font-weight: bold;">*Switching to Seryk's Dream*</p><p style="color: white; font-size: 1.0em; margin-top: 15px;">The Weight of the Past</p></div><div id="continueLink" style="opacity: 0; transition: all 1s ease-in-out; margin-top: 40px;"> [[Continue|SeryksDream1]] </div></div><script> setTimeout(function() { document.getElementById('marielDreamFade').style.opacity = '0'; document.getElementById('returningText').style.opacity = '1'; }, 1000); setTimeout(function() { document.getElementById('serykReturn').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continueLink').style.opacity = '1'; }, 5000); </script><<changeFace $currentSerykFace>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="guild-morning-container" style="background: linear-gradient(to bottom, rgba(139, 69, 19, 0.85), rgba(160, 82, 45, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🏛️ Guild Morning 🏛️</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Seeking New Adventures</p></div> <div class="travel-to-guild" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Our group makes its way through the bustling streets toward the guild. The morning air is crisp, and the familiar sight of the guild building comes into view. As we walk, I can't help but notice the way people's eyes follow us - particularly lingering on Seryk and Nimeria's collars.*</p> <center><img src="images/landscapes/guildhall.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The whispers start almost immediately as we approach the guild entrance.*</p></div> <div class="whispers-and-prejudice" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The familiar murmur of disapproving voices reaches our ears as we enter the guild hall.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span style="color: #888;">"There they go again with their pet demons..."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span style="color: #888;">"I heard they actually let them fight alongside them. Disgusting."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span style="color: #888;">"Mark my words, those demons will turn on them eventually."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I clench my fists, but try to ignore the comments as we make our way toward Elena's reception desk.*</p></div> <div class="confrontation-begins" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Suddenly, a large, muscular man with a beer gut blocks our path. His arms are thick as tree trunks, and his face is flushed with anger and alcohol. He reeks of stale beer even this early in the morning.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">What's this scrawny little demon doing here? Looks like she'd break if someone sneezed too hard. This isn't a daycare!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Before anyone else can react, Liora steps forward. Her small frame looks tiny compared to the massive man, but her voice is steady and clear.*</p> <img src="images/liora/faceangryshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">That's enough! Nimeria has every right to be here, and she's done nothing wrong to you!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I'm stunned. This is the same shy, innocent Liora who can barely speak up in group conversations, now standing fearlessly against a man three times her size.*</p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Thank you, Liora, but leave it be. People like this aren't worth our time.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria's voice is calm and composed, but I can see the appreciation in her eyes for Liora's unexpected defense.*</p><div style="clear: left;"></div></div> <div class="verbal-sparring" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The man's face turns an even deeper shade of red as he refocuses on Nimeria, clearly not intimidated by Liora's intervention.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">Careful, demon. I might trip over you and mistake you for spilled ink.</span></p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">With how often you trip over your own words, I'm surprised you made it this far.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">Funny. I didn't know demons were trained to talk back.</span></p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">And I didn't know barn animals were allowed in here. Guild's really relaxed its standards.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The crowd is starting to gather, sensing blood in the water. Some adventurers are actually grinning at the exchange.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">You've got a sharp tongue for something that fits in a birdcage.</span></p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">And you've got a round head for someone who clearly skipped every intelligence stat. Impressive symmetry - your wit and your waistline are both a perfect zero.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*A few people actually gasp at that one. The man's face is turning purple with rage.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">Watch it. I eat things like you for breakfast.</span></p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Looking at you, I'd say you eat everything for breakfast. And lunch. And second lunch.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-male-npc" style="color: #8B4513;">You little bitch! When I'm done with you, you'll be begging me to stop! I'll show you what a real man does to smart-mouthed whores like you!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The guild hall goes dead silent. That crossed a line. Even the drunks look uncomfortable.*</p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Bold threat... from someone so fat he hasn't seen his own cock since the last king's coronation.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The guild hall EXPLODES in laughter. Someone starts slow clapping. The man looks around in shock as he realizes he's been completely destroyed in front of everyone.*</p><div style="clear: left;"></div></div> <div class="violence-erupts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The big man roars in fury and swings a massive fist toward Nimeria's face. Time seems to slow as I watch the attack coming.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Without thinking, I throw myself between them. My own fist connects with his jaw with a sickening crack, and the massive man crumples to the floor like a felled tree.*</p> <center><img src="images/rylan/chapter3/punch.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I stare down at my fist in shock. When did I become this strong? The man who seemed so intimidating moments ago is now completely unconscious on the guild floor.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Behind me, I don't notice Nimeria's expression - her eyes wide with excitement and admiration as she stares at my back.*</p><div style="clear: left;"></div></div> <center><img src="images/nimeria/faceecstatic.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div class="elena-intervention" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Okay, okay! Can someone drag the pig out? I have work to do here.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Elena's voice cuts through the tension with practiced authority. Two other adventurers grudgingly grab the unconscious man's arms and drag him toward the exit.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Well, that was entertaining. Now, what can I do for you today?</span></p><div style="clear: left;"></div></div> <center><img src="images/elenor/standing.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div class="quest-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">We're looking for a quest. Preferably something that would let us work together as a team.</span></p><div style="clear: left;"></div> <img src="images/elenor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Sorry, all the E-Rank quests are taken today. Early birds got them all.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Elena pauses, tapping her finger on the counter thoughtfully.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Hmm, even though it's usually too early for your rank, I'd be willing to let you visit D-Rank locations. How about you patrol the Blightwood?</span></p><div style="clear: left;"></div></div> <div class="blightwood-explanation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Sure, but why do you need patrols there?</span></p><div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Well, a drunk adventurer said he met a talking goblin there - something called 'Effnain' or so. Even though I can't take it seriously, better safe than sorry, right?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Anyway, there's a reason why it's a D-Rank location. The monsters there are weak, but the atmosphere is poisonous. It won't kill you if you don't stay too long, but it slowly drains your health.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Elena looks pointedly at Liora.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Since you've got a good healer, I think I don't have to worry.</span></p><div style="clear: left;"></div></div> <div class="strategy-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">If the quest goes well, I'm willing to let you visit more D-Rank locations in the future. For those, one or two strong healers are an obligation though.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">During fights, you better not let Liora engage directly. She should conserve her mana and heal everyone while you rest between encounters.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">But I'm sure Seryk, $humanName, and Serin will be more than enough to defeat a few goblins and slimes.</span></p><div style="clear: left;"></div></div> <div class="concern-about-nimeria" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Sure, leave it to us. Wait... Seryk said Nimeria is fragile...</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">I'm fine. I have a resistance against poisons since I was four...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She glances meaningfully at Seryk, and I catch something unspoken passing between them.*</p><div style="clear: left;"></div> <img src="images/seryk/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Sorry about that, Nim...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Seryk scratches his head awkwardly, looking genuinely regretful about something.*</p><div style="clear: left;"></div></div> <div class="mission-acceptance" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Okay, we'll take the mission. But safety first - if anyone starts feeling the effects of the poison too strongly, we retreat immediately.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I look around at my companions, making sure everyone understands the seriousness of what we're undertaking.*</p><div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-female-npc">Perfect. The Blightwood is about two hours north of here. Good luck, and try not to punch any more customers unconscious on your way out.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Elena's wink takes the sting out of her words as she hands us the official quest documentation.*</p> <div style="clear: left;"></div></div></div> <<changeLust "Rylan" 2>><<changeAffection "Liora" "Nimeria" 4>><<changeAffection "Nimeria" "Liora" 3>><<changeAffection "Nimeria" "Rylan" 3>><<changeAffection "Rylan" "Liora" 2>><<changeAffection "Seryk" "Nimeria" 1>><<changeCombatStat "Rylan" "physicalPower" 0.3>> [[Head to the Blightwood immediately|BlightwoodJourney]] [[Take some time to discuss strategy|StrategyDiscussion]] <<changeFace $currentRylanFace>><<statSummary>>

<<script>> if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); // Clear the players cache window.AudioSystem.sfx.players = {}; } // 2. Stop custom looping SFX if (window.currentLoopingSFX) { try { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; window.currentLoopingSFX = null; } catch(e) {} } // 3. Stop ALL audio elements on the page document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.remove(); } catch(e) {} }); // 4. Try to find and stop any playing audio by URL const audioElements = document.getElementsByTagName('audio'); for (let i = audioElements.length - 1; i >= 0; i--) { try { const audio = audioElements[i]; if (audio.src.includes('deepkiss') || !audio.paused) { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } } catch(e) {} } // 5. Set a timer to ensure sounds stay stopped setTimeout(() => { document.querySelectorAll('audio').forEach(audio => { if (audio.src.includes('deepkiss')) { audio.pause(); audio.remove(); } }); }, 100); <</script>> <<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "night">> <<set $rylanRomanceMariel = true>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🍷 Late Night Encounter 🍷</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Kitchen</p></div> <div class="kitchen-discovery" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I quietly approach the kitchen, my bare feet silent on the cold wooden floor. The warm glow I noticed earlier comes from a single candle flickering on the kitchen table. As I peer around the corner, I freeze.</p> <img src="images/mariel/stage2/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>> sits at the table, still in her nightgown, her golden blonde hair slightly disheveled. In front of her is a nearly empty bottle of wine and a glass that's been refilled multiple times, judging by the red stains on the table.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She doesn't notice me at first, staring into her wine glass with a melancholy expression. Her usually perfect posture is slumped, and even from here I can see the flush in her cheeks.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I should probably leave her be, but something about her defeated posture makes me hesitate. She looks so... lonely.</p><div style="clear: left;"></div></div> <div class="approaching-mariel" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I clear my throat softly.</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"<<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>>? Are you alright?"</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She looks up, her emerald eyes unfocused and glassy. A wobbly smile crosses her face as she tries to straighten up in her chair.</p><div style="clear: left;"></div> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Oh! <<print $humanName>>... didn't... didn't hear you come in."</span> Her words slur slightly as she gestures to the empty chair across from her. <span class="dialog-mariel">"Join your... your <<print $marielToHuman>> for a drink? This wine is... is really good."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can tell she's much more intoxicated than I initially thought. Her movements are unsteady, and she's having trouble focusing on my face.</p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"I think you've had enough wine for tonight. Maybe we should get you to bed?"</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her expression immediately crumbles, and she lets out a bitter laugh that doesn't suit her gentle nature at all.</p></div> <div class="mariel-confession" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="clear: left;"></div> <img src="images/mariel/stage2/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Bed? Hah... what's the point? Just... just gonna lie there alone anyway."</span> She takes another sip of wine, her hand shaking slightly. <span class="dialog-mariel">"Do you know... do you know what it's like to be... to be unwanted? Even by your own husband?"</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My heart sinks. I've never seen her like this before - so vulnerable, so broken.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"So many years... so many years since we came back from that... that horrible place. And he... he can barely look at me. Won't touch me. Won't even..."</span> She trails off, staring into her glass again.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Maybe I deserve it though. Maybe... maybe this is my punishment for... for what I did. Or what I didn't do. I was supposed to be pure, supposed to be a priestess of light, but I..."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She's starting to cry now, tears streaming down her flushed cheeks. <span class="dialog-mariel">"I'm just... I'm just a useless woman. Can't even... can't even be a proper wife anymore."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I feel a mix of emotions - pity, anger at <<print $humanToThalor.charAt(0).toUpperCase() + $humanToThalor.slice(1)>>, and something else I don't want to acknowledge.</p></div> <div class="decision-moment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">I can't leave her like this. She needs help getting to bed safely.</p></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">I need to help her to bed.</p> [[💔 Help her to her room|MarielTooBed]] </div> </div> </div> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('marielmakeoutchapter3.mp3');<</script>> <<script>> if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX = null; } <</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "night">> <<set $rylan_MarielNightEncounter = true>> <<set $rylan_lust += 20>> <<set $rylan_sexualExperience += 1>> <<set $rylan_kissExperience += 1>> <<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>> <<trackLust "Rylan" 20>> <<trackExperience "Rylan" "sexual" 1>> <<trackExperience "Rylan" "kiss" 1>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💔 The Breaking Point 💔</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Mariel's Room</p></div> <div class="final-moments" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I try to sit up, to regain some control of the situation, but she's already climbing onto the bed beside me, her movements unsteady but determined.</p> <center><img src="images/mariel/chapter3/nightactivities1/11.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center><div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Don't run from me, Thalor... please..."</span> She presses against me, and I can feel the heat of her body through the thin fabric of her nightgown.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Before I can respond, she's kissing me again, more desperately than before. Her body moves against mine in ways that make my head spin with guilt and unwanted desire.</p> <<script>> setTimeout(function() { if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX = null; } window.currentLoopingSFX = new Audio('sounds/hsounds/deepkissintense.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = window.AudioSystem.sfx.volume; window.currentLoopingSFX.muted = window.AudioSystem.sfx.muted; window.currentLoopingSFX.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('SFX loop failed:', e)); }); window.currentLoopingSFX.load(); }, 100); <</script>> <center><img src="images/mariel/chapter3/nightactivities1/12.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I try one last time to push her away, but my strength is gone. My resolve has crumbled completely.</p></div> <div class="complete-surrender" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She pulls at my boxers with desperate hands, and I'm too overwhelmed to stop her. When she pushes me back down onto the bed, I fall without resistance.</p> <center><img src="images/mariel/chapter3/nightactivities1/13.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"That's it... let me take care of you..."</span> she whispers, her voice thick with need and wine.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The intensity becomes too much. My body responds despite my horror at the situation. The guilt is eating me alive, but I can't stop what's happening.</p> <center><img src="images/mariel/chapter3/nightactivities1/14.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I try to escape one more time, but she wraps her legs around me, holding me in place with surprising strength.</p> <center><img src="images/mariel/chapter3/nightactivities1/15.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div class="final-collapse" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My resistance finally breaks completely. The overwhelming sensations, her desperate need, the way she clings to me - it all becomes too much.</p> <center><img src="images/mariel/chapter3/nightactivities1/16.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I can feel myself responding despite everything, my body betraying every moral principle I thought I had.</p> <center><img src="images/mariel/chapter3/nightactivities1/17.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The shame is overwhelming, but my body has taken control. In my confusion and guilt, I find myself responding to the intense sensations.</p> <center><img src="images/mariel/chapter3/nightactivities1/18.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div class="point-of-climax" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">I can't hold back anymore... everything is spiraling out of control...</p></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">There's no stopping what happens next...</p> [[💥 The final moment|MarielFinalMoments]] </div> </div> </div> <<set $rylan_kissExperience += 1>> <<set $mariel_kissExperience = ($mariel_kissExperience || 0) + 1>> <<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>> <<set $mariel_kissCount = ($mariel_kissCount || 0) + 1>> <<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>> <<set $mariel_RylanKissCount = ($mariel_RylanKissCount || 0) + 1>> <<set $rylan_Lust = ($rylan_Lust || 0) + 10>> <<trackExperience "Rylan" "kissExperience" 1>> <<trackExperience "Mariel" "kissExperience" 1>> <<trackLust "Rylan" 10>> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>> if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); // Clear the players cache window.AudioSystem.sfx.players = {}; } // 2. Stop custom looping SFX if (window.currentLoopingSFX) { try { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; window.currentLoopingSFX = null; } catch(e) {} } // 3. Stop ALL audio elements on the page document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.remove(); } catch(e) {} }); // 4. Try to find and stop any playing audio by URL const audioElements = document.getElementsByTagName('audio'); for (let i = audioElements.length - 1; i >= 0; i--) { try { const audio = audioElements[i]; if (audio.src.includes('deepkiss') || !audio.paused) { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } } catch(e) {} } // 5. Set a timer to ensure sounds stay stopped setTimeout(() => { document.querySelectorAll('audio').forEach(audio => { if (audio.src.includes('deepkiss')) { audio.pause(); audio.remove(); } }); }, 100); <</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "night">> <<set $rylan_Lust = Math.max(0, ($rylan_Lust || 0) - 50)>><<set $rylan_sexualExperience += 2>> <<set $rylan_kissExperience += 1>> <<set $mariel_kissExperience = ($mariel_kissExperience || 0) + 1>> <<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>> <<set $mariel_kissCount = ($mariel_kissCount || 0) + 1>> <<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>> <<set $mariel_RylanKissCount = ($mariel_RylanKissCount || 0) + 1>> <<set $rylan_basicExperience += 2>> <<set $rylan_masturbationCount = ($rylan_masturbationCount || 0) + 1>> <<set $rylan_orgasmsReceived = ($rylan_orgasmsReceived || 0) + 1>> <<set $rylan_MarielIntimateCount = ($rylan_MarielIntimateCount || 0) + 1>> <<addSoulCorruption "rylan" 1>> <<set $rylan_MarielAffection = Math.max(0, ($rylan_MarielAffection || 0) - 5)>> <<set $rylan_MarielAttraction += 3>><<set $mariel_RylanAttraction += 3>> <<trackLust "Rylan" -50>> <<trackExperience "Rylan" "sexual" 2>> <<trackExperience "Rylan" "kissExperience" 1>> <<trackExperience "Mariel" "kissExperience" 1>> <<trackExperience "Rylan" "basic" 2>> <<trackExperience "Rylan" "masturbation" 1>> <<trackAffection "Rylan" "Mariel" 5>> <<trackAttraction "Rylan" "Mariel" 5>> <<trackAffection "Mariel" "Rylan" 5>> <<trackAttraction "Mariel" "Rylan" 3>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💥 The Final Moment 💥</p><p style="color: white; font-size: 1.1em;">Chapter 3 - Mariel's Room</p></div> <div class="final-collapse" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Finally, overwhelmed by everything - the guilt, the physical sensations, the emotional turmoil - my body reaches its limit.</p> <center><img src="images/mariel/chapter3/nightactivities1/19.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div class="aftermath" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As soon as it's over, the full weight of what just happened crashes down on me. The wine finally overtakes her completely, and she collapses beside me, unconscious within moments.</p> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I lie there in horror, staring at the ceiling. What have I done? This was my <<print $marielToHuman>>, and she was too drunk to know what she was doing. I should have been stronger. I should have stopped this.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The shame is crushing. I can barely breathe under the weight of it. This isn't who I'm supposed to be. This isn't what I should have done.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Carefully, I extract myself from the bed and pull a blanket over her sleeping form. She looks so peaceful now, so innocent. Tomorrow she probably won't even remember this happened.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But I will. I'll remember this for the rest of my life.</p><div style="clear: left;"></div></div> <div class="escape" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I gather my clothes and slip out of her room as quietly as possible, my hands shaking with shame and self-disgust. Each step down the hallway feels like I'm carrying a tremendous weight.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As I reach my own door, I pause for a moment, listening to make sure I haven't woken anyone. The house is silent, peaceful, completely unaware of the terrible thing that just happened.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I slip into my room and close the door behind me, sliding down against it until I'm sitting on the floor. The shame is overwhelming. How could I have let that happen? How could I have been so weak?</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But as I sit there in the darkness, I realize something chilling - I wasn't the only one awake in this house tonight.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Just as I closed my door, I caught a glimpse of a shadow moving at the end of the hallway. Someone else was up, and they might have seen me leaving her room.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The horror of what I've done is now compounded by the fear of discovery. What if someone knows? What if they saw everything?</p></div> <div class="final-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">I am the worst kind of person. And someone might have witnessed my shame.</p></div><<soulDisplay "rylan">> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">I need to get some sleep... if I even can after this.</p> <<set $rylan_MarielOrgasmsGiven = 1>><<set $mariel_RylanOrgasmsReceived = 1>><<set $mariel_RylanOrgasmsGiven = 1>><<set $rylan_MarielOrgasmsReceived = 1>> [[😰 Try to sleep|NimeriasIntervention]] </div></div></div><<statSummary>><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('marielmakeoutchapter3.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "night">> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💔 Resistance Crumbling 💔</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Mariel's Room</p></div> <div class="escalation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"Please, <<print $marielToHuman>>, we can't... this is wrong..."</span> I try one more time to push her away, but my voice lacks conviction now.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She doesn't listen. Instead, she pulls me down into another kiss, more passionate than before. Her tongue parts my lips, and I can't help but respond despite my moral objections screaming in my head.</p> <<script>> setTimeout(function() { if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX = null; } window.currentLoopingSFX = new Audio('sounds/hsounds/deepkissintense.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = window.AudioSystem.sfx.volume; window.currentLoopingSFX.muted = window.AudioSystem.sfx.muted; window.currentLoopingSFX.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('SFX loop failed:', e)); }); window.currentLoopingSFX.load(); }, 100); <</script>> <center><img src="images/mariel/chapter3/nightactivities1/5.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Stop calling me that..."</span> she whispers breathlessly between kisses. <span class="dialog-mariel">"Tonight... tonight I'm just a woman who needs you."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My resistance is crumbling with each passing second. The way she holds me, the desperation in her touch, the heat of her body against mine - it's breaking down every wall I've tried to build.</p><div style="clear: left;"></div></div> <div class="passionate-kisses" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She kisses me again and again, each one more intense than the last. I find myself responding despite everything, my hands moving to her waist without conscious thought.</p> <center><img src="images/mariel/chapter3/nightactivities1/6.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center><div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"There... that's my Thalor. I knew you still wanted me."</span> Her voice is thick with emotion and desire. <span class="dialog-mariel">"It's been so long since you've touched me like this."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The guilt is eating me alive, but my body is betraying me completely now. When she presses closer, I can feel myself responding in ways that make me hate myself.</p> <center><img src="images/mariel/chapter3/nightactivities1/7.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">This is spiraling out of control, and I'm powerless to stop it.</p></div> <div class="losing-control" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her kisses become more urgent, more demanding. Her tongue explores my mouth with a hunger that's been building for years, and despite my horror at the situation, I find myself kissing her back.</p> <center><img src="images/mariel/chapter3/nightactivities1/8.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center><div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Yes... yes, like that..."</span> she moans against my lips, her hands roaming over my chest. <span class="dialog-mariel">"I've needed this so much."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Suddenly, with surprising strength for someone so intoxicated, she pushes me backward onto the bed. I land with a soft thud, looking up at her with a mixture of fear, guilt, and unwanted arousal.</p> <center><img src="images/mariel/chapter3/nightactivities1/9.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div class="point-of-no-return" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">She's completely lost in her desire, and I'm drowning in guilt and confusion...</p> <center><img src="images/mariel/chapter3/nightactivities1/10.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">I can't think straight anymore...</p> [[😰 This has gone too far|MarielClimax]] </div></div></div><<set $rylan_kissExperience += 1>><<set $mariel_kissExperience = ($mariel_kissExperience || 0) + 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $mariel_kissCount = ($mariel_kissCount || 0) + 1>><<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>><<set $mariel_RylanKissCount = ($mariel_RylanKissCount || 0) + 1>><<set $rylan_Lust = ($rylan_Lust || 0) + 30>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Mariel" "kissExperience" 1>><<trackLust "Rylan" 30>><<statSummary>> <<script>> $(document).on('click', 'a', function() { if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX = null; } }); <</script>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('marielmakeoutchapter3.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "night">><div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💋 Point of No Return 💋</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Mariel's Room</p></div> <div class="first-kiss" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Before I can react, she leans forward and presses her lips against mine. Her kiss is desperate, hungry, filled with years of longing and rejection. The taste of wine mingles with something sweeter, more intoxicating.</p> <<script>> setTimeout(function() { if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX = null; } window.currentLoopingSFX = new Audio('sounds/hsounds/deepkiss.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = window.AudioSystem.sfx.volume; window.currentLoopingSFX.muted = window.AudioSystem.sfx.muted; window.currentLoopingSFX.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('SFX loop failed:', e)); }); window.currentLoopingSFX.load(); }, 100); <</script>> <center><img src="images/mariel/chapter3/nightactivities1/2.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center> <div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Thalor... I've missed you so much..."</span> she whispers against my lips, her voice thick with emotion and alcohol.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My mind screams at me to stop this, to push her away, but my body betrays me. For a moment, I'm frozen by the intensity of her need, by the way she clings to me like I'm her salvation.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Then reality crashes back down on me.</p> <div style="clear: left;"></div></div> <div class="resistance-attempt" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="clear: left;"></div> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"<<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>>, stop! I'm not Thalor!"</span> I try to push her away gently, but she's stronger than I expected in her desperation.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She pulls me closer instead, her hands tangling in my hair as she kisses me again, more insistently this time. The warmth of her body, the softness of her lips, the way she tastes - it's overwhelming.</p> <center><img src="images/mariel/chapter3/nightactivities1/3.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center><div style="clear: left;"></div> <img src="images/mariel/stage2/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Please... don't reject me tonight. I need... I need to feel wanted."</span> Her voice breaks as she speaks, and I can taste her tears mixed with the wine.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">This is wrong. This is so wrong. She's my <<print $marielToHuman>>, she's drunk, she doesn't know what she's doing. But God help me, part of me doesn't want her to stop.</p><div style="clear: left;"></div></div> <div class="growing-desperation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="clear: left;"></div> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"This isn't right... you're drunk, you don't know what you're doing..."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But even as I say the words, I can feel my resolve weakening. When was the last time someone looked at me with such desperate need? When was the last time I felt truly wanted?</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She pulls back slightly, her eyes meeting mine with a clarity that surprises me despite her intoxication.</p> <center><img src="images/mariel/chapter3/nightactivities1/4.webp" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center><div style="clear: left;"></div> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"I know exactly what I'm doing, Thalor. I'm finally... finally being honest about what I want."</span> Her tongue darted out to wet her lips, and I can see the hunger in her eyes. <span class="dialog-mariel">"Don't you want me too?"</span></p></div> <div class="internal-conflict" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">Every fiber of my being is screaming that this is wrong, but I'm losing the battle against my own desires...</p></div><div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">I'm losing control of the situation...</p> [[😰 Try to resist harder|MarielIntensifies]] </div></div></div><<set $rylan_kissExperience += 1>><<set $mariel_kissExperience = ($mariel_kissExperience || 0) + 1>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $mariel_kissCount = ($mariel_kissCount || 0) + 1>><<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>><<set $mariel_RylanKissCount = ($mariel_RylanKissCount || 0) + 1>><<set $rylan_Lust = ($rylan_Lust || 0) + 30>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Mariel" "kissExperience" 1>><<trackLust "Rylan" 30>><<statSummary>><<script>> $(document).on('click', 'a', function() { if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX = null; } }); <</script>><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('marielmakeoutchapter3.mp3');<</script>> <<set $currentFace = $currentRylanFace>> <<set $timeOfDay = "night">> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(25, 25, 45, 0.85), rgba(15, 15, 35, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(100,100,150,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🚶 Walking to Her Room 🚶</p><p style="color: white; font-size: 1.1em;">Chapter 3 - Hallway</p></div> <div class="helping-mariel" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I move around the table and gently help her to her feet. She leans heavily against me, her body warm and soft against my arm. The sweet scent of wine mingles with her usual lavender perfume.</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"Come on, let's get you to bed. You'll feel better in the morning."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">She nods weakly, but her legs are unsteady. I have to support most of her weight as we slowly make our way out of the kitchen and down the hallway toward her bedroom.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">As we walk, she keeps stumbling, her head lolling against my shoulder. I try to focus on just getting her safely to her room, but I can't help but be aware of how her nightgown has shifted, how her curves press against me with each unsteady step.</p></div> <div class="confusion-begins" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Halfway to her room, she suddenly stops and looks up at me with unfocused eyes. A strange smile crosses her face.</p><div style="clear: left;"></div> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"Thalor? You... you came to me tonight?"</span> Her voice is slurred but carries a note of hope I've never heard before. <span class="dialog-mariel">"I thought... I thought you didn't want me anymore."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My blood runs cold. She's so drunk she thinks I'm her husband.</p><div style="clear: left;"></div> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"<<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>>, I'm not... I'm <<print $humanName>>. Remember?"</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But she's not listening. Her hand moves to rest on my chest, and she looks at me with such longing it makes my heart race and my stomach turn at the same time.</p><div style="clear: left;"></div> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">"You feel... different tonight. Younger. Have you been... been working out?"</span> She giggles, a sound so unlike her usual composed self. <span class="dialog-mariel">"And you're... you're excited to see me. I can tell."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I realize with horror that my body is reacting to her closeness, to her touch, despite my mind screaming that this is wrong. This is my <<print $marielToHuman>>, and she's too drunk to know what she's doing.</p><div style="clear: left;"></div></div> <div class="reaching-bedroom" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I practically carry her the rest of the way to her bedroom, my face burning with shame and confusion. Once we're inside, I try to help her sit on the edge of the bed.</p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">"There. Now you should get some sleep. In the morning you'll-"</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But as I try to step back, she loses her balance and starts to fall backward. Instinctively, I reach out to catch her, my arms wrapping around her waist to keep her from hitting the bed hard.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Suddenly we're very close, her face just inches from mine. Her emerald eyes, though glassy with wine, seem to look right through me.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">This is the moment everything changes.</p></div> <div class="critical-moment" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">Time seems to slow as I hold her in my arms...</p> <center><img src="images/mariel/chapter3/nightactivities1/1.webp" style="max-width: 400px; width: 100%; height: auto; border-radius: 8px; margin: 20px 0;"></center></div> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(100, 100, 150, 0.3); border: 1px solid rgba(120, 120, 180, 0.5); border-radius: 8px; padding: 20px;"> <p style="color: white; margin-bottom: 15px;">She's looking at me with such intensity...</p> [[😰 This is wrong...|MarielKissBegins]] <<set $rylan_Lust = ($rylan_Lust || 0) + 20>> <<trackLust "Rylan" 20>> </div></div></div><<statSummary>><<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>><<set $currentFace = $currentMarielFace>><<set $timeOfDay = "night">><<if not $marielTransformationMother>><<set $marielTransformationMother = false>><</if>><<if not $humanTransformationFeminine>><<set $humanTransformationFeminine = false>><</if>> <div class="dream-container" style="background: linear-gradient(to bottom, rgba(138, 43, 226, 0.85), rgba(72, 61, 139, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Mariel's Transformation Dream 💭</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - The Mind's New Path</p> </div><<if not $marielTransformationMother>><div class="healing-dream" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The nightmare begins as it always does - the throne room, the demon children's cries, the blood...*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*But suddenly, the scene shimmers and transforms. The darkness lifts like morning mist, replaced by warm sunlight streaming through familiar windows.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Instead of horror, she sees herself in the kitchen, laughing with <<print $humanName>> and the others. Thalor's arm around her shoulders, everyone safe and happy. The weight in her chest... it's gone.*</p> <div style="clear: left;"></div></div><div class="peaceful-transformation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*For the first time in years, she dreams of simple moments. Healing small wounds, preparing meals, watching everyone grow and flourish under her care.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The trauma that has haunted her sleep for so long simply... isn't there anymore. In its place, only warmth, love, and the deep satisfaction of a life well-lived.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; color: #90EE90;">*The healing has begun. For the first time in years, the guilt feels... lighter.*</p> </div><<else>><div class="mothers-awakening" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The nightmare of the throne room begins to fade, but instead of peace, something else stirs within her sleeping mind...*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She finds herself sitting on the edge of her bed, strange sensations coursing through her body. Her nipples feel tight, almost itchy, and there's a peculiar fullness in her breasts.*</p> <div style="clear: left;"></div></div><div class="milk-production" style="background: rgba(75,45,75,0.8); border: 2px solid rgba(139,69,139,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter3/transform1/breastmilk2.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 20px;"></center> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*What's... what's happening to me? They feel so full, so heavy...*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Warm droplets begin to leak from her nipples - milk, rich and creamy. The pressure is building, becoming almost painful. She needs relief, needs someone to help her...*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*<<print $humanName>>... my sweet child... come to me...*</span></p> <div style="clear: left;"></div></div><div class="calling-child" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*In her dream, <<print $humanName>> appears at the doorway, looking confused but drawn by some instinct they don't understand.*</p> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*Come here, my precious one. It's time for dinner... Mama has what you need.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*She pats her lap invitingly, her maternal instincts completely overwhelming any other thoughts. This feels so natural, so right...*</p> <div style="clear: left;"></div></div><<if $humanTransformationFeminine>><div class="transformation-vision" style="background: rgba(75,25,75,0.8); border: 2px solid rgba(139,0,139,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*<<print $humanName>> approaches and begins to drink from her breast, but something feels... different. Wrong somehow.*</p> <center><img src="images/nimeria/chapter3/transform1/male/suckbreast1male.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*Hmm... something isn't quite right...*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The image of <<print $humanName>> becomes blurry, shifting and changing before her eyes...*</p> <center><img src="images/nimeria/chapter3/transform1/female/suckbreast1maleblurry.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*Ah, there we go... my beautiful daughter. I always wanted a daughter to take care of.*</span></p> <center><img src="images/nimeria/chapter3/transform1/female/suckbreast1female.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <div style="clear: left;"></div></div><div class="feeding-sequence-female" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*That's it, my sweet girl... drink all you want. Mama has so much milk for you...*</span></p> <center><img src="images/nimeria/chapter3/transform1/female/suckbreast2female.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Waves of euphoria wash over her as the pressure in her breasts finally finds relief. This is what she was meant for - to nurture, to provide, to love unconditionally.*</p> <center><img src="images/nimeria/chapter3/transform1/female/suckbreast3female.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*You're such a good baby... Mama loves you so much. Always remember that you're my precious little one...*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The feeding continues, each moment filling her with deeper maternal satisfaction. Her daughter needs her, depends on her, and that makes everything else fade into insignificance.*</p> <center><img src="images/nimeria/chapter3/transform1/female/suckbreast4female.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <div style="clear: left;"></div></div><<else>><div class="feeding-sequence-male" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/chapter3/transform1/male/suckbreast1male.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*That's it, my precious boy... drink deeply. Mama has so much nourishment for you...*</span></p> <center><img src="images/nimeria/chapter3/transform1/male/suckbreast2male.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Pure bliss floods through her as the painful pressure finally finds release. This is her purpose - to care for her family, to provide everything they need with her own body.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*You're growing so strong, my handsome son... Mama will always take care of you. You'll always be my baby...*</span></p> <center><img src="images/nimeria/chapter3/transform1/male/suckbreast3male.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Each gentle pull sends waves of maternal pleasure through her entire being. This is what love truly means - complete devotion, total sacrifice for the ones who matter most.*</p> <center><img src="images/nimeria/chapter3/transform1/male/suckbreast4male.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-mariel">*Sleep now, my sweet boy... Dream of Mama's love. Tomorrow we'll do this again...*</span></p> <div style="clear: left;"></div></div><</if>><</if>><div class="dream-ending" style="background: rgba(25,25,45,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px; text-align: center;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*As the dream fades, Mariel's face shows a peaceful smile she hasn't worn in years. The first seeds have been planted.*</p> <p style="color: #DDA0DD; line-height: 1.6; font-weight: bold;">*When she wakes, she'll feel different somehow... but the real changes will come slowly, gradually, as the seeds are nurtured through care and attention...*</p> </div></div>[[Continue...|DreamTransition2]] <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="shop-discovery-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85), rgba(106, 90, 205, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">📚 Mysterious Discovery 📚</p> <p style="color: white; font-size: 1.1em;">A Strange New Shop</p></div> <div class="discovery-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we walk through the familiar streets toward home, something catches my attention. Between the blacksmith and the tavern, where I'm certain there was just an empty alley this morning, stands a small shop I've never seen before.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The shop has an ornate wooden sign that reads "Whispers & Wisdom" in flowing script. Mysterious purple light emanates from its windows, and there's something almost hypnotic about the way the shadows seem to dance around its entrance.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Wait... has this shop always been here? I don't remember seeing it before.</span></p><div style="clear: left;"></div> <img src="images/serin/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">That's... definitely new. I walk this street every day, and I've never seen that place before.</span></p><div style="clear: left;"></div> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Something feels... strange about it. Like it just appeared out of nowhere.</span></p><div style="clear: left;"></div> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Magic shops sometimes do that, bro. They appear when someone needs what they're selling.</span></p><div style="clear: left;"></div> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*staring at the shop intently* That's... definitely magical. I can sense powerful enchantments from here.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*There's something compelling about the shop that draws my curiosity. After the bizarre day we've had, what's one more strange discovery?*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">I'm going to check it out. After everything that happened today, I'm curious what kind of shop just appears out of nowhere.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">We'll wait out here. Magic shops can be... unpredictable with multiple people.</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Be careful, $humanName. Don't buy anything too expensive or dangerous!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I approach the shop entrance. As I get closer, I can hear faint whispers coming from inside, though I can't make out the words. The door handle feels warm to the touch, almost inviting.*</p></div></div><div style="text-align: center; margin: 30px 0;"> [[Enter the mysterious shop|MysteriousBookshop]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="bookshop-container" style="background: linear-gradient(to bottom, rgba(72, 61, 139, 0.85), rgba(106, 90, 205, 0.9)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">📚 Whispers & Wisdom 📚</p> <p style="color: white; font-size: 1.1em;">A Shop of Self-Discovery</p></div> <div class="shop-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/bookshopinterior.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Inside, the shop is far larger than it appeared from outside. Towering bookshelves stretch up into shadows that seem to move of their own accord. Ethereal lights float between the shelves, illuminating different sections as I pass by.*</p> <<if not $mysteriousBookshopVisited>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I step inside and look around in wonder. The shop defies logic - it's impossibly vast inside, with shelves that seem to stretch into infinity. As I take in the mystical atmosphere, I hear soft footsteps approaching.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*A breathtakingly beautiful woman emerges from the shadows. She has flowing white hair that seems to shimmer with its own light, piercing blue eyes that feel ancient and knowing, and wears an elegant black dress that moves like liquid shadow. There's something otherworldly about her presence.*</p> <center><img src="images/veloria/portrait.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc" style="color: #DDA0DD;">Welcome, $humanName.</span></p><div style="clear: left;"></div> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Have we met before? How do you know my name?</span></p><div style="clear: left;"></div> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc" style="color: #DDA0DD;">Not in your time yet. I'm Veloria. For you, Madame Veloria. I sell books that might be useful for you in the future.</span></p><div style="clear: left;"></div> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">...Ok...</span></p><div style="clear: left;"></div> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc" style="color: #DDA0DD;">Hmm. Soon a time will come when you find no way out and everything seems lost. Your path is plagued with death. Visit me and I might help you... for a price.</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Yes, sure... Can I take a look at the books?</span></p><div style="clear: left;"></div> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc" style="color: #DDA0DD;">I currently have these books available. In the future I might have more for you.</span></p><div style="clear: left;"></div> </div><<set $mysteriousBookshopVisited = true>><<else>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Madame Veloria nods knowingly as I enter her shop again. Her piercing blue eyes seem to see right through me, as if she knows exactly what has transpired since my last visit.*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc" style="color: #DDA0DD;">Ah, you return. The threads of fate continue to weave around you. What wisdom do you seek today?</span></p><div style="clear: left;"></div></div><</if>> <div style="background: rgba(50,40,60,0.9); border: 1px solid rgba(110,100,120,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #C8A2C8; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Exploring the Shop ---</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I wander through the shop, marveling at its impossible architecture. The shelves seem to stretch infinitely upward, and books float gently between sections as if deciding where they belong. Each aisle feels like stepping into a different realm of knowledge.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The books themselves are unlike anything I've seen - some have covers that shimmer and shift, others seem to whisper as I pass by. There's a distinct separation between two main sections, each with its own ethereal aura.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Madame Veloria watches me with those ancient eyes, a knowing smile playing at her lips. "Choose carefully, young seeker," she says softly. "Each book will teach you something new about yourself... for better or worse."*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I feel drawn toward the mystical book collection, ready to explore what knowledge awaits me.*</p></div></div></div><div style="text-align: center; margin: 30px 0;"> [[Browse the book collection|WhispersWisdomShop]] [[Leave without browsing|ExitMysteriousBookshop]]</div> <<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="shop-exit-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85), rgba(106, 90, 205, 0.9)); min-height: 300px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="exit-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I step out of the mysterious shop, I feel the cool evening air on my face. The others are waiting where I left them, looking slightly concerned.*</p> <img src="images/serin/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">$humanName! You were in there for quite a while. Everything alright?</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Yeah, just... an interesting bookshop. Nothing to worry about.</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">You look... different somehow. More contemplative.</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Magical knowledge has a way of changing people. Are you ready to head home now?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I take one last look at the shop. The sign reading "Whispers & Wisdom" seems to shimmer slightly, and I have the feeling it will be here whenever I need it again.*</p></div></div> <div style="text-align: center; margin: 30px 0;"> [[Continue home|ReturnHomeAfterBlightwood]]</div> <<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<set $timeOfDay = "evening">><div class="nimeria-room-container" style="background: linear-gradient(to bottom, rgba(148, 0, 211, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="nimeria-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/face.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I close my bedroom door behind me and immediately lean against it, my carefully maintained composure finally cracking. The exhaustion hits me like a wave - that journey through the Blightwood was more draining than I let on.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Cough... cough... The lingering effects of the corrupted air still burn in my lungs. I press a hand to my chest, trying to steady my breathing. Being around so much poisoned air for hours... it took more effort than expected to maintain my innocent facade.*</p> <center><img src="images/nimeria/faceworried.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I stumble toward my bed, my legs feeling weaker than they should. The constant mental effort of appearing harmless while analyzing every plant, every potential ingredient... it's exhausting work.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Cough... cough... I need to rest, just for a moment. Just until-*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Knock knock knock*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I freeze, my tired expression immediately shifting. No one can see me like this. I quickly smooth my hair and force my usual bright smile.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Nim? Everything alright in there? You seemed pretty quiet during dinner.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I take a deep breath, but I don't need to force the cheerful act with Seryk. In private, I can be myself - which means being direct and often unpleasant.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">What do you want, Seryk? I'm busy.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*He enters, and I can see the concern in his eyes. I don't bother hiding my irritation - he's used to my private demeanor by now.*</p> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">You sure you're okay? You look a bit pale.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I wave my hand dismissively, my irritation clear even as my chest still aches.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I'm fine. Stop fussing. Don't you have something better to do?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*He hesitates, still looking worried, but I glare at him until he finally gives up.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Alright... but if you need anything, just call.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Once the door closes behind him, I finally allow myself to drop the act. My smile fades as I move to my bed, exhaustion washing over me like a tide.*</p></div> <div style="background: rgba(70,50,90,0.9); border: 1px solid rgba(140,120,160,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I collapse onto my bed, finally letting my guard down completely. The coughing returns, and I press my face into my pillow to muffle the sound.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I close my eyes, memories begin to surface - dark fragments from a time before I learned to wear masks, before I understood the necessity of deception...*</p> <center><img src="images/nimeria/faceworried.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The past calls to me as consciousness begins to fade, and I remember a time when I was truly alone, abandoned to survive in a world that showed no mercy...*</p></div></div></div><<changeAffection "Nimeria" "Seryk" 1>><<changeLust "Nimeria" -10>><div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">Even the most innocent masks can hide the deepest exhaustion...</p> [[Continue...|NimeriaPastMemoryDay1]] </div> <<changeFace $currentNimeriaFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="alone-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.9), rgba(139, 0, 139, 0.95)); min-height: 600px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.4);"> <div class="scene-header" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 25px; margin-bottom: 30px; text-align: center;"> <p style="color: #FFD700; font-size: 1.6em; font-weight: bold; margin-bottom: 15px;">💔 Alone With Doubts 💔</p> <p style="color: #E6E6FA; font-size: 1.1em;">A Few Minutes Later - Nimeria's Room</p></div> <div class="exhaustion" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*I collapse onto my bed, utterly drained. The seeds are planted - Mariel's transformation, the kiss with Liora, the choices I've made... but gods, I'm so tired.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She stares at her reflection in the small mirror beside her bed, her usually perfect facade cracking to reveal the exhaustion beneath.*</p></div> <div class="body-hatred" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*I hate this weak body. So fragile, so... human. Maybe if I was stronger, more voluptuous, <<print $humanName>> would notice me the way he notices the others.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Should I cut my hair? Would a different look make me more appealing? More... memorable?*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She runs her fingers through her long hair, considering the drastic change. Her mind races with possibilities, each more desperate than the last.*</p></div> <div class="dangerous-thoughts" style="background: rgba(60,30,60,0.9); border: 1px solid rgba(139,0,139,0.8); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*And this inability to use magic... it's crippling...*</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*What if... what if I cut open my stomach and implanted some mana crystals directly into my body? Force my magic back through sheer will and crystal power?*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The thought is terrifying and tempting in equal measure. She can almost feel the blade against her skin, the crystals burning as they fuse with her flesh.*</p></div> <div class="survival-doubt" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*But would I even survive such a procedure? This body is so fragile. One mistake and I'd bleed out on the floor of my own room.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*No... not yet. I need to be smarter about this. There are other ways to gain power, other paths to take.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She forces herself to breathe deeply, pushing down the desperate urges. Tomorrow will bring new opportunities, new chances to prove her worth.*</p></div> [[Continue to tomorrow's plans|NimeriaSerinPlans]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<set $currentFace = $currentNimeriaFace>><div class="dream-choice-container" style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.95), rgba(139, 0, 139, 0.98), rgba(25, 25, 112, 0.95)); min-height: 700px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.4);"> <div class="scene-header" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 25px; margin-bottom: 30px; text-align: center;"> <p style="color: #FFD700; font-size: 1.8em; font-weight: bold; margin-bottom: 15px;">🌙 Dream Manipulation 🌙</p> <p style="color: #E6E6FA; font-size: 1.2em;">The Resonance Connection</p></div> <div class="nimeria-explanation" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Since the party uses the resonance system, I should be able to connect <<print $humanName>>'s and Seryk's dreams and influence them. If that works... there are many possibilities.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Three mana crystals should be enough to bridge their sleeping minds. I can weave a dream that will... explore new possibilities between them.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She reaches for her small pouch of mana crystals, feeling their power thrumming against her fingertips. The magic required would be delicate, intimate - connecting two minds in ways they've never experienced.*</p></div> <div class="mana-cost-display" style="background: linear-gradient(145deg, rgba(100,150,200,0.3), rgba(80,120,180,0.4)); border: 2px solid rgba(150,200,255,0.4); border-radius: 12px; padding: 20px; margin: 20px auto; max-width: 400px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); backdrop-filter: blur(5px); text-align: center;"> <h3 style="color: #b3d9ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0 0 10px 0; font-size: 1.3em;">💎 Mana Crystal Cost 💎</h3> <p style="color: #99ccff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1.1em; margin: 0; font-weight: bold;">3 Mana Crystals</p> <p style="color: #80b3ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 5px 0 0 0; font-style: italic;">Required for dream connection</p></div> <div class="choice-presentation" style="background: rgba(45,45,50,0.9); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 30px; margin-bottom: 30px;"> <p style="color: #FFD700; font-size: 1.4em; font-weight: bold; margin-bottom: 25px; text-align: center;">What kind of dream should I weave?</p><div style="display: flex; justify-content: center; gap: 40px; margin-top: 30px; flex-wrap: wrap;"> <<if not $nimeriaGayDreamUsed>><div class="dream-option" style="text-align: center; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;" onclick="SugarCube.State.variables.nimeriaGayDreamUsed = true; SugarCube.Engine.play('NimeriaGayDreamScene');"> <div style="background: linear-gradient(135deg, rgba(255, 20, 147, 0.3), rgba(138, 43, 226, 0.4)); border: 3px solid rgba(255, 105, 180, 0.6); border-radius: 15px; padding: 25px; box-shadow: 0 8px 20px rgba(255, 20, 147, 0.3); backdrop-filter: blur(5px); min-width: 280üx;"><div style="font-size: 4em; margin-bottom: 15px;">🌈</div> <h3 style="color: #FFB6C1; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0 0 15px 0; font-size: 1.3em; font-weight: bold;">Intimate Connection</h3> <p style="color: #FFC0CB; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em; line-height: 1.4; margin: 0;">Create a shared dream where <<print $humanName>> and Seryk explore their deepest desires together</p> <div style="margin-top: 15px; padding: 8px 16px; background: rgba(255, 20, 147, 0.2); border: 1px solid rgba(255, 105, 180, 0.5); border-radius: 8px;"> <p style="color: #FFE4E1; font-size: 0.9em; margin: 0; font-weight: bold;">✨ Unlock New Possibilities ✨</p></div></div></div><<else>><div class="dream-option-locked" style="text-align: center; opacity: 0.6;"> <div style="background: linear-gradient(135deg, rgba(100, 100, 100, 0.3), rgba(80, 80, 80, 0.4)); border: 3px solid rgba(150, 150, 150, 0.6); border-radius: 15px; padding: 25px; box-shadow: 0 8px 20px rgba(100, 100, 100, 0.3); backdrop-filter: blur(5px); min-width: 280üx; position: relative;"> <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div><div style="font-size: 4em; margin-bottom: 15px; filter: grayscale(100%);">🌈</div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0 0 15px 0; font-size: 1.3em; font-weight: bold;">Already Used</h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em; line-height: 1.4; margin: 0;">This dream has already been woven tonight</p> </div></div><</if>><div class="back-option" style="text-align: center; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;" onclick="SugarCube.Engine.play('NimeriasMischief1');"> <div style="background: linear-gradient(135deg, rgba(120, 80, 160, 0.3), rgba(100, 60, 140, 0.4)); border: 3px solid rgba(200, 150, 255, 0.6); border-radius: 15px; padding: 25px; box-shadow: 0 8px 20px rgba(120, 80, 160, 0.3); backdrop-filter: blur(5px); min-width: 280üx;"> <div style="font-size: 4em; margin-bottom: 15px;">🔙</div> <h3 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0 0 15px 0; font-size: 1.3em; font-weight: bold;">Go Back</h3> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em; line-height: 1.4; margin: 0;">Return to choose a different target</p> <div style="margin-top: 15px; padding: 8px 16px; background: rgba(120, 80, 160, 0.2); border: 1px solid rgba(200, 150, 255, 0.5); border-radius: 8px;"> <p style="color: #F0E6FF; font-size: 0.9em; margin: 0; font-weight: bold;">💭 Reconsider Options 💭</p> </div></div></div></div></div></div> <style> .dream-option:hover { transform: translateY(-8px) scale(1.05); box-shadow: 0 12px 30px rgba(255, 20, 147, 0.5); } .back-option:hover { transform: translateY(-8px) scale(1.05); box-shadow: 0 12px 30px rgba(120, 80, 160, 0.5); } .dream-option:active, .back-option:active { transform: translateY(-4px) scale(1.02); } @keyframes dreamGlow { 0% { box-shadow: 0 8px 20px rgba(255, 20, 147, 0.3); } 50% { box-shadow: 0 8px 25px rgba(255, 20, 147, 0.5); } 100% { box-shadow: 0 8px 20px rgba(255, 20, 147, 0.3); } } .dream-option > div { animation: dreamGlow 3s ease-in-out infinite; } </style><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <<set $currentFace = $currentRylanFace>><<set $rylanxserykgaydream = true>><<set $timeOfDay = "night">> <div class="dream-container" style="background: linear-gradient(135deg, rgba(25, 25, 112, 0.95), rgba(75, 0, 130, 0.9), rgba(139, 0, 139, 0.95)); min-height: 800px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 25px; margin-bottom: 30px; text-align: center;"> <p style="color: #FFD700; font-size: 1.8em; font-weight: bold; margin-bottom: 15px;">🌙 The Dream Connection 🌙</p> <p style="color: #E6E6FA; font-size: 1.2em;">A Shared Fantasy</p></div> <div class="dream-sequence" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 30px; margin-bottom: 30px;"><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/1.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">I find myself lying naked on a bed, my body still tingling from what felt like Liora's soft touch. The sensation was so vivid, so real... but when I reach out, she's gone. Just... vanished into the darkness.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The room feels strange, dreamlike, with shadows that seem to shift and move on their own. I try to make sense of what just happened when suddenly...</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/2.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Seryk materializes out of nowhere, his blue skin seeming to glow in the dim light. His eyes widen as he takes in my naked form sprawled across the bed.</p> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">What are you doing here, bro?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I scramble to cover myself, confusion and embarrassment flooding through me. <span class="dialog-rylan">I could ask you the same! I just got a handjob from Liora and then she disappeared and you suddenly spawned.</span></p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/3.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">This must be a dream... or a nightmare.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I try to sit up, to move away, but my body won't respond. Panic begins to set in as I realize I'm completely paralyzed. <span class="dialog-rylan">What?! I can't move!</span></p> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">What the fuck, me too!</span></p><div style="clear: left;"></div><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/4.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Then, from the shadows, a voice rings out - melodious, yet commanding. It carries a power that seems to resonate through the very air around us.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">How rude of you, Seryk, to interrupt <<print $humanName>>'s pleasure. You should take responsibility.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Against his will, Seryk begins moving closer to me. His movements are jerky, unnatural, like a puppet on strings.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/5.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">What the fuck! I'm moving on my own! Who the hell are you? Stop this!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">But the voice doesn't respond to his protests. Instead, Seryk continues his involuntary approach until he's standing directly in front of me, then slowly kneels down.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/6.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Seryk?! Stop this!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">But he can't stop. His hand reaches out, trembling, and makes contact with my most intimate area. The touch sends shockwaves through my paralyzed body.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/7.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can't stop. I'm moving on my own!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Exactly like this. You can go once <<print $humanName>> climaxes.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Stop, please!</span></p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/8.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">It's okay, bro. Just close your eyes...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Despite the situation, there's genuine care in his voice. He's as trapped as I am, but he's trying to comfort me through this nightmare. His hand begins to move, creating sensations I never expected to feel from another man.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/5.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Time seems to blur as Seryk's controlled movements continue. Despite my protests, my body begins to respond in ways that shame and confuse me. The voice watches, seemingly pleased with the progress.</p> <img src="images/rylan/chapter3/gaydreamseryk1/6.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">This is taking too long...</span></p><div style="text-align: center; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Suddenly, Seryk's face moves closer, much closer than before. I can feel his breath against my skin as his face makes contact with my most sensitive area.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/7.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Now rub it against your face, then give it a little kiss.</span></p> <img src="images/rylan/chapter3/gaydreamseryk1/8.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Stop!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">But he can't stop. His face moves as commanded, the intimate contact sending waves of unwanted pleasure through my body. I can see the anguish in his eyes as he's forced to comply.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/9.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">My body betrays me completely now. Despite my mental protests, I'm becoming more aroused, my body responding to the intimate contact. Pre-cum begins to leak, evidence of my body's unwilling response.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Seryk's movements become more intense, more focused. The forced intimacy is building toward something I can't stop.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/10.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/rylan/chapter3/gaydreamseryk1/11.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/rylan/chapter3/gaydreamseryk1/12.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Oh, Seryk... you started rubbing it on your own?</span></p> <img src="images/rylan/chapter3/gaydreamseryk1/13.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"> <img src="images/seryk//faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">What?!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">The realization hits us both at the same moment - he's no longer just being controlled. Something in him has awakened, responding to the intimate contact. And in that moment of shock and confusion...</p><div style="text-align: center; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">I can't hold back anymore. The combination of forced intimacy, shame, and unwanted pleasure pushes me over the edge. My climax hits with overwhelming intensity, and I release directly onto Seryk's faceembarrassed.</p><div style="text-align: center; margin-bottom: 25px;"> <img src="images/rylan/chapter3/gaydreamseryk1/14.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <img src="images/rylan/chapter3/gaydreamseryk1/15.webp" style="width: 500px; width: 100%; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.3);"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">The aftermath is intense - shame, confusion, and strange satisfaction all mixing together. Seryk looks as shocked as I feel, my essence dripping down his faceembarrassed. The voice seems satisfied with what it has accomplished.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">Then, suddenly, everything begins to fade. The room, Seryk, the mysterious voice - all of it dissolves into darkness as the dream ends, leaving me gasping and confused in my own bed.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">But the memory remains vivid, disturbingly real. The sensations, the shame, the unwanted pleasure - all of it lingers as I wake, leaving me questioning everything I thought I knew about myself.</p> <<if not $rylan_GayValue>><<set $rylan_GayValue = 0>><</if>> <<if not $seryk_GayValue>><<set $seryk_GayValue = 0>><</if>><<if not $rylan_sexualExperience>><<set $rylan_sexualExperience = 0>><</if>><<if not $seryk_sexualExperience>><<set $seryk_sexualExperience = 0>><</if>> <<if not $rylan_basicExperience>><<set $rylan_basicExperience = 0>><</if>> <<if not $seryk_basicExperience>><<set $seryk_basicExperience = 0>><</if>><<if not $rylan_SerykAttraction>><<set $rylan_SerykAttraction = 0>><</if>> <<if not $seryk_RylanAttraction>><<set $seryk_RylanAttraction = 0>><</if>> <<if not $rylan_lust>><<set $rylan_lust = 0>><</if>> <<if not $seryk_lust>><<set $seryk_lust = 0>><</if>> <<set $rylan_GayValue += 0.5>><<trackFetish "Rylan" "GayValue" 0.5>> <<set $seryk_GayValue += 0.3>><<trackFetish "Seryk" "GayValue" 0.3>><<set $rylan_sexualExperience += 1>><<trackExperience "Rylan" "SexualExperience" 1>> <<set $seryk_sexualExperience += 1>><<trackExperience "Seryk" "SexualExperience" 1>> <<set $rylan_basicExperience += 1>><<trackExperience "Rylan" "BasicExperience" 1>> <<set $seryk_basicExperience += 1>><<trackExperience "Seryk" "BasicExperience" 1>> <<set $rylan_SerykAttraction += 2>><<trackAttraction "Rylan" "Seryk" 2>><<set $seryk_RylanAttraction += 3>><<trackAttraction "Seryk" "Rylan" 3>> <<set $rylan_lust += 10>><<trackLust "Rylan" 10>> <<set $seryk_lust += 8>><<trackLust "Seryk" 8>> <<addSoulCorruption "rylan" 1>> <<soulDisplay "rylan">> <div style="text-align: center; margin-top: 30px;"> [[Wake up from the dream...|NimeriaGayDreamChoice]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(120, 80, 160, 0.9), rgba(80, 50, 120, 0.95)); min-height: 600px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.4);"> <div class="scene-header" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 25px; margin-bottom: 30px; text-align: center;"> <p style="color: #FFD700; font-size: 1.6em; font-weight: bold; margin-bottom: 15px;">🔮 The Lesson Begins 🔮</p> <p style="color: #E6E6FA; font-size: 1.1em;">Magical Guidance</p></div> <div class="nimeria-thoughts" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Alright then, let's start. I should have gotten enough mana crystals from our trip in the Blightwood. This should work perfectly.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria places her hand gently on Liora's forehead, channeling a soft magical energy. The spell is subtle but effective - it will help Liora understand sensations from a different perspective.*</p></div> <div class="awakening" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">*Liora's eyes flutter open, feeling refreshed and somehow... different.*</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Nimeria? What did you do? I feel... strange."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"I gave you a little magical enhancement. Next time when you want to get frisky with <<print $humanName>>, use your healing touch on your stomach while thinking that you want to feel like <<print $humanName>>. Trust me, it will help you understand what he experiences."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"W-what? That sounds... that sounds really strange, Nimeria."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Trust me, it's magical. You'll understand him better that way."</span></p><div style="clear: left;"></div></div> <<if $lesbianContentEnabled>><div class="training-suggestion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Speaking of which, have you considered training, Liora?"</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Like fighting?"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"That too, it could build your stamina. Maybe ask Serin for that. But I mean like kissing and other stuff."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"But that would be cheating!"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Haha, that's not cheating with two girls. Men would even like it. Believe me, he would be glad."</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"I... I'm not sure about this, Nimeria. It sounds so wrong."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Think about it, Liora. You want to be good for <<print $humanName>>, don't you? You want to make him happy? This is just... practice."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"I... well... if you really think it would help him be happy... maybe we could try?"</span></p><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Continue to training|POVTransitionNimeriaToLiora]] </div> <<else>> <div class="scene-end" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The conversation continues in a more innocent direction, with Nimeria giving Liora general advice about relationships and understanding <<print $humanName>> better.*</p></div> <div style="text-align: center; margin: 30px 0;"> [[Continue...|POVTransitionNimeriaHelpsSkipped]] </div><</if>></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div class="kiss-scene-container" style="background: linear-gradient(to bottom, rgba(120, 80, 160, 0.85), rgba(80, 50, 120, 0.9)); min-height: 800px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.4);"> <div class="scene-header" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 25px; margin-bottom: 30px; text-align: center;"> <p style="color: #FFD700; font-size: 1.6em; font-weight: bold; margin-bottom: 15px;">💋 First Lesson 💋</p> <p style="color: #E6E6FA; font-size: 1.1em;">Learning Together</p></div> <div class="kiss-beginning" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Alright, Liora. Let's start with something simple. Just... let me show you how it feels."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria moves closer, her movements graceful and confident. There's something almost hypnotic about the way she approaches, her eyes holding mine with gentle intensity.*</p></div> <div class="first-touch" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"N-Nimeria... I'm nervous. What if I'm not good at this?"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Don't worry, sweetie. There's no right or wrong way. Just... follow your instincts."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her hand gently cups my cheek, and I can feel my heart racing. There's something different about her touch - it's warm, but there's also this strange tingling sensation that spreads through my skin.*</p></div> <div class="first-kiss" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/1.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <<if not $lioraFirstKiss>><p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*This is my first kiss ever. My heart is pounding so hard I'm sure Nimeria can hear it. When our lips finally meet, it's nothing like I imagined - it's soft, warm, and there's this incredible sweetness that seems to flow between us.*</p><<set $lioraFirstKiss = "Nimeria">> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*A small voice in my head whispers that this might be wrong, but... Nimeria said it's not cheating between girls. She's just teaching me to be better for <<print $humanName>>. That makes it okay, right?*</p> <div class="corruption-showcase" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.8), rgba(75, 0, 130, 0.6)); border: 2px solid rgba(139, 69, 19, 0.8); border-radius: 12px; padding: 25px; margin: 25px 0; text-align: center;"> <p style="color: #DDA0DD; font-size: 1.3em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 15px;">🌑 Soul Corruption 🌑</p> <p style="color: #E6E6FA; font-size: 1.1em; margin-bottom: 10px;">Liora's moral boundaries begin to shift...</p><p style="color: #DDA0DD; font-size: 1em;">+1 Soul Corruption - First Kiss Justification</p></div><<else>><<if $serykxliorantr === true || $serykxliorantr === "stage1">> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*As our lips meet, I can't help but compare it to when Seryk kissed me. This feels... different. Softer, more gentle, but there's this strange sweetness that seems to flow between us. It feels just as good, maybe even better in some ways.*</p><<else>> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*When our lips meet, it's incredibly soft and gentle. There's this strange sweetness that seems to flow between us, making my whole body feel warm and tingly.*</p><</if>><</if>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <center><img src="images/nimeria/chapter3/kissliora/2.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <center><img src="images/nimeria/chapter3/kissliora/3.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Oh... that's... that's really nice..."</span></p><div style="clear: left;"></div></div> <div class="deeper-connection" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/4.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"How do you like kissing a woman, Liora? How does it feel different?"</span></p><div style="clear: left;"></div> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Your lips feel so soft... and my body warms up every time we kiss. It's like... like there's this sweet taste that makes me want more."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can taste something sweet on her lips - almost like honey mixed with something else I can't identify. It's addictive, making me lean closer for more.*</p></div> <div class="learning-together" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/6.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"That's good, Liora. You're a natural at this. Try pressing a little firmer... like this."</span></p><div style="clear: left;"></div> <center><img src="images/nimeria/chapter3/kissliora/5.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She guides me gently, her hands soft but confident. There's something about the way she touches me that makes my skin tingle, and I find myself wanting to get closer.*</p></div> <div class="growing-intensity" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Nimeria... this feels so good. I never knew kissing could feel like this..."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My whole body is warming up, and I can feel this strange tingling sensation spreading from my lips throughout my entire body. Whatever is in her saliva, it's making me feel... different. More sensitive, more aware.*</p></div> <div class="passionate-moment" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/7.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"You're doing wonderfully, Liora. I can feel how much you're enjoying this."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her lips are so soft and warm against mine. I can't help but notice how her saliva tastes - sweet and intoxicating. It's making me feel lightheaded in the most wonderful way.*</p></div> <div class="tender-closeness" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/8.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"I... I want to keep doing this. It feels so right somehow."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can feel myself getting lost in the sensation. Her touch, her taste, the way she makes me feel so safe and wanted - it's overwhelming in the best possible way.*</p></div> <div class="final-kiss" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <center><img src="images/nimeria/chapter3/kissliora/9.webp" style="width: 400px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We hold each other close as the kiss deepens. I can feel her heartbeat against my chest, and mine is racing just as fast. This feels so natural, so right - like we were meant to be sharing this moment.*</p></div> <div class="aftermath" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(120,80,160,0.6); border-radius: 10px; padding: 25px; margin-bottom: 30px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*When we finally part, both of us are breathing heavily. I can still taste her on my lips, and my whole body feels warm and tingly.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"How was it, Liora?"</span></p><div style="clear: left;"></div> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Amazing... You must be really experienced."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"No, I'm basically a virgin still. I kept myself for 'the right person'."</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Oh that's wonderful. You're so pure and special."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"I guess we can learn together then. There's still so much to learn... Visit me soon again, okay? Today I'm a bit exhausted."</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I nod, still feeling the lingering effects of her kiss. My lips still tingle, and I can't shake the feeling that something has changed in me. The sweet taste of her saliva seems to have awakened something new.*</p></div> <div style="text-align: center; margin: 30px 0;"> [[Continue...|POVTransitionLioraToNimeria]] </div></div> <<if not $nimeriaFirstKiss>><<set $nimeriaFirstKiss = "Liora">><<addSoulBlessing "nimeria" 1>><</if>> <<set $nimeria_kissCount = ($nimeria_kissCount || 0) + 1>> <<set $liora_kissCount = ($liora_kissCount || 0) + 1>> <<set $nimeria_LioraKissCount = ($nimeria_LioraKissCount || 0) + 1>> <<set $liora_NimeriaKissCount = ($liora_NimeriaKissCount || 0) + 1>> <<set $nimeria_kissExperience = ($nimeria_kissExperience || 0) + 1>> <<set $liora_kissExperience = ($liora_kissExperience || 0) + 1>> <<set $nimeria_sexualExperience = ($nimeria_sexualExperience || 0) + 1>> <<set $liora_sexualExperience = ($liora_sexualExperience || 0) + 1>> <<set $nimeria_basicExperience = ($nimeria_basicExperience || 0) + 1>> <<set $liora_basicExperience = ($liora_basicExperience || 0) + 1>> <<changeLust "Nimeria" 15>> <<changeLust "Liora" 20>> <<changeAffection "Nimeria" "Liora" 4>> <<changeAffection "Liora" "Nimeria" 5>> <<changeAttraction "Nimeria" "Liora" 3>> <<changeAttraction "Liora" "Nimeria" 4>> <<changeFetish "Liora" "SalivaFetish" 0.3>> <<changeFetish "Liora" "LesbianValue" 0.4>> <<changeFetish "Nimeria" "SalivaFetish" 0.2>> <<changeFetish "Nimeria" "LesbianValue" 0.3>> <<addSoulCorruption "liora" 1>><<if $lioraFirstKiss === "Nimeria">><<addSoulCorruption "liora" 1>><</if>><<soulDisplay "liora">> <<trackSexualExperience "Nimeria" "kissCount" 1>> <<trackSexualExperience "Liora" "kissCount" 1>> <<trackExperience "Nimeria" "kissExperience" 1>> <<trackExperience "Liora" "kissExperience" 1>> <<trackExperience "Nimeria" "sexualExperience" 1>> <<trackExperience "Liora" "sexualExperience" 1>> <<trackExperience "Nimeria" "basicExperience" 1>> <<trackExperience "Liora" "basicExperience" 1>> <<trackFetish "Liora" "SalivaFetish" 0.3>> <<trackFetish "Liora" "LesbianValue" 0.4>> <<trackFetish "Nimeria" "SalivaFetish" 0.2>> <<trackFetish "Nimeria" "LesbianValue" 0.3>> <<trackAffection "Nimeria" "Liora" 4>> <<trackAffection "Liora" "Nimeria" 5>> <<trackAttraction "Nimeria" "Liora" 3>> <<trackAttraction "Liora" "Nimeria" 4>> <<trackLust "Nimeria" 15>> <<trackLust "Liora" 20>> <<if $lioraFirstKiss === "Nimeria">><<trackOther "Liora" "soulCorruption" 2>><<else>><<trackOther "Liora" "soulCorruption" 1>><</if>> <<statSummary>> <<changeFace $currentLioraFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script><<set $currentFace = $currentNimeriaFace>><<set $lesbianContentEnabled = false>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🚫 Lesbian Content Disabled 🚫</p> <p style="color: white; font-size: 1.1em;">Focusing on Other Paths</p></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Nimeria considers this carefully. No, perhaps it's better to keep things simpler for now. The girls can bond in other ways - through friendship, through shared experiences, through their mutual connection to <<print $humanName>>.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*There are other paths to power, other ways to influence and control. She doesn't need to complicate things with romantic entanglements between the women. Focus on the main goal.*</span></p> <div style="text-align: center; margin: 30px 0;"> [[Continue to Next Choice|NimeriaWakesUp]] </div></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<set $timeOfDay = "evening">> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 The Abandoned Child 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Betrayal - Long Ago</p></div> <div class="dream-transition" style="background: rgba(25,25,35,0.9); border: 1px solid rgba(148,0,211,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic; text-align: center;">*The memory shifts from Seryk's perspective to hers, as consciousness fades into the past...*</p> <center><img src="images/nimeria/past/face.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic; text-align: center;">*Four-year-old Nimeria opens her eyes, and the forest materializes around her...*</p></div> <div class="counting-scene" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*...ninety-eight... ninety-nine... one hundred!*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Ready or not, here I come!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Little Nimeria's heart races with excitement. Finally, she gets to play with the big kids! Maybe she can make some friends, maybe they'll stop calling her the cursed child. She starts searching behind trees, under bushes, calling out their names with growing enthusiasm.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Seryk? Torin? Drevon? Where are you hiding?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She searches for what feels like hours, her initial excitement slowly turning to confusion. The sun begins to dip below the trees, casting long shadows through the forest.*</p></div> <div class="realization" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Exhaustion sets in, and she starts coughing - her weak constitution always made her prone to illness. She sits down, panting, and calls out again.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">I give up! You can come out now!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Silence. Only the rustling of leaves and distant animal sounds. She calls again, her voice growing more desperate.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Please come out! I'm tired!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Still nothing. The forest grows darker, and fear begins to creep into her tiny heart.*</p></div> <center><img src="images/nimeria/past/day1.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div class="first-night" style="background: rgba(25,25,45,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She leans against a tree, coughing more frequently now. Her stomach growls with hunger, but she tries to stay positive.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Big brother Seryk will come find me. Or maybe Malrik. They'll come soon...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With that hope, the exhausted four-year-old drifts into an uneasy sleep, shivering in the cold night air.*</p></div> <div class="morning-awakening" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Morning light filters through the trees. Nimeria wakes up thirsty and hungry, her throat parched from coughing all night.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Still no one has come. She tries to remember the path they took to get here, but everything looks the same in the forest. She starts walking, hoping to find her way back to the castle.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she walks, she tries to recall what she read in the castle library about survival. Something about poisonous mushrooms having bright colors, and how you can survive longer without food than without water...*</p></div> <div class="exhaustion" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After hours of walking, exhaustion overwhelms her again. She collapses against another tree, her legs too weak to carry her further.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she rests, dark thoughts begin to surface. Why was she born with this black hair and red eyes? Why does everyone hate her? Why does everyone call her cursed?*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Maybe it would be better if I died here... then everyone would be happy...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With these despairing thoughts, she falls asleep again, too weak to continue.*</p></div> <div class="second-morning" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Another morning dawns. Her stomach cramps with terrible pain. She desperately needs water but can't find any clean source. Finally, she drinks from a dirty puddle, knowing it might make her sick but too desperate to care.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The pain worsens until she collapses again, writhing in agony on the forest floor.*</p></div> <div class="despair" style="background: rgba(80,40,40,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*When she wakes up again, she doesn't care about anything anymore. She just wanders through the forest in a daze, eating whatever she can find - uncooked mushrooms, bark from dead trees, even the maggots underneath.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*On her aimless journey, she encounters a Goremaw - a furious bear that can reach five to six meters in size. The massive creature charges toward her, its roar shaking the trees.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*hysterical laughter* Finally, it ends!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*But then, abruptly, the Goremaw stops and runs away, leaving her standing there in confusion.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*crying* Not even a monster wants to kill me...</span></p><div style="clear: left;"></div></div> <div class="hallucination" style="background: rgba(70,50,90,0.8); border: 2px solid rgba(140,120,160,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She sits down, defeated. "I'll just wait till it ends," she thinks. As her mind begins to slip, she starts daydreaming about the human stories she read in the castle library - stories of princesses being rescued by blonde princes or knights.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She begins to hallucinate, seeing a blonde human knight riding on his black horse coming for her. In her fevered imagination, they fall in love and ride toward the sunset together.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">My knight... you came for me...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she collapses into unconsciousness, a wild black demon hound finds her nearly dead body. These extremely intelligent monster dogs are known for their ferocity, but instead of killing her, this one gently picks her up and carries her toward the castle.*</p></div> <div class="rescue" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*A furious Azgorth finds them at the castle gates. The demon king is enraged that his daughter was missing for so long without anyone noticing. He rewards the monster dog by adopting it into the royal family.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After weeks of recovery, Nimeria finally wakes up. The demon dog takes an immediate liking to her, and she names him Zarn.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*But from that day forward, the four-year-old girl never smiled again. Azgorth forbids her to ever leave the castle again. She never tells anyone how it really happened - she simply says she went out to wander and got lost.*</p></div></div> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">The beginning of a seven-day ordeal that would change everything...</p> [[Begin the Full Memory...|NimeriaPastMemoryDay1]] </div> <<changeFace $currentNimeriaFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Two - The Search 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Desperation - Long Ago</p></div> <div class="morning-awakening" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Morning light filters through the trees. Nimeria wakes up thirsty and hungry, her throat parched from coughing all night.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Still no one has come. She tries to remember the path they took to get here, but everything looks the same in the forest. She starts walking, hoping to find her way back to the castle.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she walks, she tries to recall what she read in the castle library about survival. Something about poisonous mushrooms having bright colors, and how you can survive longer without food than without water...*</p></div> <div class="exhaustion" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After hours of walking, exhaustion overwhelms her again. She collapses against another tree, her legs too weak to carry her further.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she rests, dark thoughts begin to surface. Why was she born with this black hair and red eyes? Why does everyone hate her? Why does everyone call her cursed?*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Maybe it would be better if I died here... then everyone would be happy...</span></p><div style="clear: left;"></div> <center><img src="images/nimeria/past/day2.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With these despairing thoughts, she falls asleep again, too weak to continue.*</p></div></div> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">When hope begins to fade, darkness takes its place...</p> [[Continue to Day Three...|NimeriaPastMemoryDay3]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Three - The Despair 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Abandonment - Long Ago</p></div> <div class="second-morning" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Another morning dawns. Her stomach cramps with terrible pain. She desperately needs water but can't find any clean source. Finally, she drinks from a dirty puddle, knowing it might make her sick but too desperate to care.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The pain worsens until she collapses again, writhing in agony on the forest floor.*</p></div> <div class="despair" style="background: rgba(80,40,40,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*When she wakes up again, she doesn't care about anything anymore. She just wanders through the forest in a daze, eating whatever she can find - uncooked mushrooms, bark from dead trees, even the maggots underneath.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*On her aimless journey, she encounters a Goremaw - a furious bear that can reach five to six meters in size. The massive creature charges toward her, its roar shaking the trees.*</p> <center><img src="images/nimeria/past/goremaw.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*hysterical laughter* Finally, it ends!</span></p><div style="clear: left;"></div> <center><img src="images/nimeria/past/day3laugh.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*But then, abruptly, the Goremaw stops and runs away, leaving her standing there in confusion.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <center><img src="images/nimeria/past/day3.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*crying* Not even a monster wants to kill me...</span></p><div style="clear: left;"></div></div></div><div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">When even death rejects you, what hope remains?</p> [[Continue to Day Four...|NimeriaPastMemoryDay4]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Four - Time Blurs 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Confusion - a long time ago</p></div> <div class="time-confusion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The days begin to blur together. She can no longer remember if it's been three days or four. The hunger and thirst have become constant companions, and her mind starts playing tricks on her.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She sees shadows moving in the corner of her vision, hears voices calling her name that aren't really there. The forest seems to whisper to her, and she starts talking back to the trees.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Why won't you help me? I'm just a little girl...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She finds a small stream and drinks greedily, but the water makes her sick again. She vomits until there's nothing left in her stomach, then collapses beside the water.*</p></div> <div class="first-hallucinations" style="background: rgba(60,40,60,0.8); border: 2px solid rgba(148,0,211,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*In her fevered state, she begins to see things that aren't there. She sees her mother walking through the trees, calling her name. She runs toward the vision, but it disappears when she gets close.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Mama? Mama, please don't leave me again!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She sees Seryk too, her big brother, standing in a clearing. He looks sad and worried, reaching out to her. But when she tries to touch him, her hand passes through empty air.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Seryk, why didn't you come for me? I thought you loved me...</span></p><div style="clear: left;"></div></div></div> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">When reality and dreams become one, survival becomes instinct...</p> [[Continue to Day Five...|NimeriaPastMemoryDay5]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Five - Lost in Time 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Madness - a long time ago</p></div> <div class="complete-disorientation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Time has lost all meaning. She doesn't know if it's been days or weeks. The sun and moon blur together in her fevered mind. She can barely walk anymore, her legs shaking with every step.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The forest has become a nightmare landscape. Trees seem to move when she's not looking, shadows dance in impossible ways, and the air itself feels thick and suffocating.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*delirious* Is this real? Am I real? Maybe I died and this is hell...</span></p><div style="clear: left;"></div></div> <div class="final-hallucinations" style="background: rgba(80,40,80,0.8); border: 2px solid rgba(148,0,211,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The hallucinations become more vivid and terrifying. She sees her father Azgorth standing before her, his purple skin and green hair glowing in the darkness. He reaches out to her with clawed hands.*</p> <img src="images/nimeria/past/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*screaming* No! Get away from me! I'm not cursed, I'm not!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She runs from the vision, but everywhere she turns, she sees more monsters. Goremaws, shadow demons, and creatures from the darkest corners of her imagination.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Finally, she collapses in a small clearing, too exhausted to run anymore. She curls into a ball, sobbing uncontrollably.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*crying* Please, someone... anyone... help me...</span></p><div style="clear: left;"></div></div></div> <center><img src="images/nimeria/past/day5.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">In the depths of madness, an unexpected companion appears...</p> [[Continue to Day Six...|NimeriaPastMemoryDay6]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Six - The Hound 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Abandonment - a long time ago</p></div> <div class="hound-encounter" style="background: rgba(40,40,60,0.8); border: 2px solid rgba(0,0,139,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she lies there, barely conscious, she hears the sound of heavy paws approaching. A large black demon hound emerges from the shadows, its red eyes glowing in the darkness.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The hound is massive and powerful, its fur sleek and healthy. It stops a few feet away from her and simply looks at her with those intelligent red eyes. For a moment, she thinks it might be another hallucination, but this one feels completely real.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <center><img src="images/nimeria/past/demonhound.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*weakly* Please... help me...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The hound continues to stare at her, its gaze penetrating and knowing. It seems to understand her situation, to see the desperation in her eyes. But then, without any warning, it simply turns and walks away, disappearing into the forest.*</p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">*crying* Even the animals abandon me...</span></p><div style="clear: left;"></div> <center><img src="images/nimeria/past/day6.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She watches the hound go, her last hope fading with it. The encounter was brief but devastating - even a wild animal could see she wasn't worth saving.*</p></div></div> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">When even the wild creatures reject you, what hope remains?</p> [[Continue to Day Seven...|NimeriaPastMemoryDay7]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Day Seven - The Rescue 💭</p> <p style="color: white; font-size: 1.1em;">A Memory of Salvation - a long time ago</p></div> <div class="hallucination" style="background: rgba(70,50,90,0.8); border: 2px solid rgba(140,120,160,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/nimeria/past/day6.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She sits down, defeated. "I'll just wait till it ends," she thinks. As her mind begins to slip, she starts daydreaming about the human stories she read in the castle library - stories of princesses being rescued by blonde princes or knights.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She begins to hallucinate, seeing a blonde human knight riding on his black horse coming for her. In her fevered imagination, they fall in love and ride toward the sunset together.*</p> <center><img src="images/nimeria/past/blondeknight.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria" style="font-size: 0.9em;">My knight... you came for me...</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"> *Darkness closes in as she collapses, her tiny body barely clinging to life. Out of the night, a wild demon hound appears-its fur as black as midnight, its eyes glowing a deep, unnatural red, just like hers. Instead of tearing her apart, the beast lowers its massive head and gently lifts her in its jaws, carrying her with surprising care toward the distant lights of the castle.* <center><img src="images/nimeria/past/demonhoundback.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div class="rescue" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"> *At the castle gates, Azgorth’s rage is thunderous-his voice echoing through the night as he demands to know how his daughter could vanish for so long. But when he sees the hound, its black fur matted with blood, cradling Nimeria’s broken form, his anger falters. He rewards the beast, adopting it into the royal family, and commands the household to tend to Nimeria’s every need.*<p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"> *Weeks pass in a haze of fever and nightmares. When Nimeria finally wakes, the demon hound is always there-its red eyes watching over her, a silent guardian. She names him Zarn, and he becomes her only friend, a shadow always at her side.*<p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"> *But something inside her is lost forever. From that day, the little girl never truly smiles again. Azgorth forbids her from ever leaving the castle. She never tells anyone what really happened-only that she wandered too far and got lost, the truth hidden behind her crimson eyes.*<div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">Some wounds never heal, they just become part of who you are...</p> [[Continue...|NimeriaWakesUp]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria thinks: Ok then, let's start. I should have gotten enough mana crystals from our trip in the Blightwood.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Hours later, Liora's eyes flutter open, the hypnosis wearing off. She sits up slowly, dazed.*</p> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"What... what happened? I feel so strange, like I understand something I didn't before."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"That's exactly what I hoped for. Next time you want to get frisky with <<print $humanName>>, use your healing touch on your stomach while thinking you want to feel like him. It will help you understand his perspective better."</span></p><div style="clear: left;"></div> <<if $lesbianContentEnabled>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Oh, and Liora? Have you ever considered... training?"</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Training? Like fighting? I suppose I could ask Serin for that, it might help build my stamina."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"That too, it could build your stamina. Maybe ask Serin for that. But I mean like kissing and other stuff."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"But... but that would be cheating on <<print $humanName>>!"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Haha, that's not cheating with two girls, Liora. Believe me, men actually like that sort of thing. <<print $humanName>> would be glad to know you're getting practice. It's just... educational."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"I... I don't know. It feels wrong somehow."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Think of it as preparation. You want to be the best lover possible for <<print $humanName>>, don't you? This is just... research. Besides, it might help you understand what he likes."</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Well... when you put it that way... I suppose it couldn't hurt to try. Just once, to see what it's like."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Perfect. Just relax and let me guide you through this. It will be... educational."</span></p><div style="clear: left;"></div> <div style="text-align: center; margin: 30px 0;"> [[Continue to Training|NimeriaLioraTraining]]</div><</if>> <<if not $lesbianContentEnabled>> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Thank you, Nimeria. I feel like I understand things better now. I'll try that next time."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"You're welcome, Liora. Remember, the key is to trust your instincts. Now get some rest - tomorrow will be another busy day."</span></p><div style="clear: left;"></div><div style="text-align: center; margin: 30px 0;"> [[Return to Sleep|Chapter3Morning]] </div><</if>></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script><<set $currentFace = $currentNimeriaFace>><<set $nimeriaxrylancontent = true>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💕 Seduction Path Chosen 💕</p> <p style="color: white; font-size: 1.1em;">Love Through Temptation</p></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Nimeria's eyes gleam with determination. No, she won't give up so easily. <<print $humanName>> may not have shown interest yet, but that doesn't mean he won't. She has time, and she has patience. Love can be... cultivated.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She thinks of all the ways she can make herself irresistible to him. Her demonic nature gives her certain advantages, after all. She can be patient, subtle, persistent. Love is a game, and she's very good at games.*</span></p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Besides, watching him with the other girls only makes her want him more. There's something about his innocence, his determination, his pure heart that calls to her. She'll make him see her, really see her.*</span></p><div style="text-align: center; margin: 30px 0;"> [[Continue to Awakening|NimeriaWakesUp]] </div></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<set $currentFace = $currentNimeriaFace>> <div class="decision-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Decision Made 💭</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Serin's Future</p></div><<if $serinFutanariTransformation>> <div class="futanari-choice" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Yes... something special indeed. Serin deserves to be unique, to have options that others don't. A gift that will make her truly one-of-a-kind.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*She'll still be herself - strong, athletic, beautiful. But she'll also have something that makes her special, something that gives her new ways to connect with others.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The plan forms in her mind - a transformation that will give Serin the best of both worlds, making her truly unique among the group.*</p></div><<else>> <div class="natural-choice" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*No... she's perfect as she is. Strong, athletic, beautiful in her own tomboyish way. Sometimes the greatest gift is simply allowing someone to be themselves.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Serin's natural beauty and strength are already extraordinary. I'll help her in other ways - building her confidence, supporting her dreams, helping her find her place in the group.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The decision feels right. Sometimes the most profound changes come from within, not from external transformation.*</p></div><</if>> <div class="future-plans" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Tomorrow will bring new opportunities. I need to be patient, to let my plans unfold naturally. The seeds have been planted, and now I must tend to them carefully.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Mariel, Liora, Serin... each of them represents a different path, a different possibility. And <<print $humanName>>... he remains the center of it all, the one I'm doing this for.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With her plans set in motion, Nimeria finally allows herself to rest. Tomorrow will bring new challenges, new opportunities to shape the future according to her vision.*</p></div> <div class="sleep-comes" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Just one last thing before I give in to sleep... maybe there's still something I can do. Gods, I’m starting to feel nearly as exhausted as the author...*</span></p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She exhales, half amused, half resigned. Sleep can wait-if only for a moment more.*</p> [[Continue...|NimeriasMischief1]] </div></div><<statSummary>><<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <<if not $serinFutanariTransformation>><<set $serinFutanariTransformation = false>><</if>> <div class="serin-plans-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Tomorrow's Possibilities 💭</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Planning for Serin</p></div> <div class="serin-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*What should be my plan for tomorrow... and little Serin going forward? I really like her for some reason.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Maybe because we're a bit similar? Both of us are fighters, both of us have had to be strong in our own ways. Under different circumstances, Serin might have become as broken as me...*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She thinks about Serin's fierce independence, her athletic prowess, the way she hides her vulnerabilities behind a tough exterior. So much like herself, in some ways.*</p></div> <div class="similarity-reflection" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*She's strong, but she's also lonely. I can see it in her eyes when she looks at <<print $humanName>> and Liora together. That longing, that sense of being left behind...*</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*I know that feeling all too well. The pain of watching someone you care about choose someone else, of being strong enough to protect others but not strong enough to protect your own heart.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The parallel hits closer to home than she'd like to admit. Perhaps that's why she feels such kinship with the athletic girl.*</p></div> <div class="transformation-consideration" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*But what about her future? How would <<print $humanName>> prefer Serin to be? She's already perfect as she is - strong, athletic, beautiful in her own tomboyish way.*</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Or... maybe she could be even more unique? What if she had the best of both worlds? Strong and feminine, but also possessing something special that would make her truly one-of-a-kind?*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The idea takes shape in her mind - a transformation that would give Serin new possibilities, new ways to express herself and connect with others.*</p></div> <div class="choice-presentation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">*What path would bring Serin the most happiness and uniqueness?*</p> <div style="display: flex; justify-content: center; gap: 30px; margin-top: 30px;"><div style="text-align: center;"><p style="color: #DDA0DD; font-weight: bold; margin-bottom: 15px;">Natural Beauty</p> <img src="images/serin/chapter3/portrait.webp" style="height: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); cursor: pointer;" onclick="SugarCube.State.variables.serinFutanariTransformation = false; SugarCube.Engine.play('NimeriaSerinDecision');"> <p style="color: white; font-size: 0.9em; margin-top: 10px;">Keep her perfect as she is</p></div><div style="text-align: center;"><p style="color: #DDA0DD; font-weight: bold; margin-bottom: 15px;">Unique Gift</p> <img src="images/serin/chapter3/serinfuta/1.webp" style="height: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); cursor: pointer;" onclick="SugarCube.State.variables.serinFutanariTransformation = true; SugarCube.Engine.play('NimeriaSerinDecision');"> <p style="color: white; font-size: 0.9em; margin-top: 10px;">Give her something special</p> </div></div></div></div><<statSummary>><<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script><<set $currentFace = $currentNimeriaFace>><<set $nimeriaxrylancontent = false>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🖤 Support Path Chosen 🖤</p> <p style="color: white; font-size: 1.1em;">Love Through Devotion</p></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Nimeria's expression softens with a bittersweet smile. Perhaps it's better this way. <<print $humanName>> has his own path to walk, his own choices to make. She can love him without possessing him.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She'll support him from the shadows, guide him when he needs guidance, protect him when he needs protection. Her love will be pure, selfless, devoted. Sometimes the greatest love is the one that sets free.*</span></p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Besides, watching him find happiness with others... it hurts, but it also makes her heart swell with pride. He deserves to be happy, even if that happiness doesn't include her romantically. She'll be his guardian angel, his silent protector.*</span></p> <div style="text-align: center; margin: 30px 0;"> [[Continue to Awakening|NimeriaWakesUp]] </div></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌙 Night Awakening 🌙</p> <p style="color: white; font-size: 1.1em;">The Past Shapes the Present</p></div> <div class="awakening" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*Nimeria's eyes flutter open, the haunting memories of her past still lingering in her mind like shadows at the edge of consciousness. She sits up slowly, running her fingers through her hair as she processes the weight of those old wounds.*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*That day changed everything. Since then, she decided to learn everything she could about this world - its people, its magic, its secrets. After all, she was alone in this world, truly alone. But the irony isn't lost on her - even with all her knowledge and power, she still needs help from others. Humans, demons, everyone around her...*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She stretches her arms above her head, feeling the familiar weight of responsibility settle back onto her shoulders. There's still work to be done, plans to be set in motion. She glances around the room, wondering if Liora is still awake.*</p></div> <div class="conversation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Liora? Are you still awake?"</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Hmm? Oh, Nimeria! Yes, I'm awake. I was just... thinking about things."</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Thinking about <<print $humanName>>, perhaps?"</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"W-well... maybe a little. How did you know?"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"I have my ways. So tell me, how far have you gotten with him?"</span></p><div style="clear: left;"></div> <img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"Not very far at all, honestly. We're both so inexperienced, and I... I don't know when the right time is to go further. What if I do something wrong? What if he doesn't like it?"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Oh, Liora. You're overthinking this. Just imagine how <<print $humanName>> feels, and it will come naturally. Trust your instincts."</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"But how? I'm a girl and he's a boy. I don't know what he wants or how he thinks about these things. It's all so confusing!"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"I have an idea, actually. And your healing power is perfect for this. Lie down on your bed for me."</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">"What are you going to do?"</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">"Just trust me. I'm going to help you understand what <<print $humanName>> feels. Now, close your eyes and relax..."</span></p><div style="clear: left;"></div></div> <div class="hypnosis" style="background: rgba(70,50,90,0.8); border: 2px solid rgba(140,120,160,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria leans close, her scent and the warmth of her skin washing over Liora. Her presence is strangely calming, almost hypnotic, and there's a subtle arousal in the air.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Liora's breathing slows, her body relaxing as her mind drifts, open to suggestion.*</p></div> <div style="text-align: center; margin: 30px 0;"> [[Continue...|NimeriaLesbianContentChoice]] </div> </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<set $timeOfDay = "night">> <<if not $marielTransformationMother>><<set $marielTransformationMother = false>><</if>> <<if not $humanTransformationFeminine>><<set $humanTransformationFeminine = false>><</if>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌙 The Watcher's Compassion 🌙</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Nimeria's Perspective</p></div> <div class="nimeria-observation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <<if $rylanRomanceMariel>><p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*I watch from the shadows as the poor boy stumbles out of her room, his face twisted with shame and confusion.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Such delicious drama! The forbidden fruit consumed in darkness, the sweet corruption of innocence... but no.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*This isn't about my amusement. This is about her suffering. My beautiful, broken priestess.*</span></p><<else>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*The boy chose restraint - how boring, yet... perhaps admirable. Still, it changes nothing about her pain.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*My beautiful, broken priestess suffers alone, and that simply won't do.*</span></p><</if>> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*I've seen this before, you know. The trauma that festers in the soul, the rejection that poisons everything it touches. It's not fair. She doesn't deserve this.*</span></p><div style="clear: left;"></div></div> <div class="nimeria-approach" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*I slip through the hallway like a whisper, my bare feet making no sound on the wooden floor. The door to her room is slightly ajar - how convenient.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*Inside, she lies sprawled across her bed, still unconscious from the wine. Her golden hair is spread across the pillow like a halo, and her face... oh, her face still bears the tracks of tears.*</p> <center><img src="images/nimeria/chapter3/transform1/marielsleeping.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Her mental defenses are at their weakest - the alcohol, the emotional trauma, the deep sleep. If I'm going to help her, it has to be now.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*I... I care about this family. More than I expected to. Watching them all suffer because of old wounds, because of things that happened before I even arrived... it breaks my heart.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Mariel blames herself for something that wasn't her fault. Thalor pushes away the woman he loves because he's drowning in his own guilt. <<print $humanName>> suffers watching his <<print $marielToHuman>> in pain. None of them deserve this.*</span></p><div style="clear: left;"></div></div> <div class="nimeria-decision" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*I could simply ease her trauma, help her heal naturally and find her own way forward. Let her keep who she is, just without the pain that's been eating at her soul.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Or... I could give her something that would transform her completely. The Mother's Seed would awaken in her a love so profound that no pain could touch her. She would find purpose in caring for others, in nurturing and protecting everyone around her.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*She would become someone who could heal this broken family, someone who could show them all the love they deserve. The maternal instinct would bloom in her like a flower, bringing peace to everyone in this household.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*But... it would change her. She would become something new, focused entirely on nurturing others. I just... I want her to be happy. I want all of them to be happy. What's the right choice?*</span></p><div style="clear: left;"></div></div> <div class="choice-presentation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-weight: bold;">*I want to help her so badly, but I don't know what's right. How can I ease her suffering?*</p> <div style="display: flex; justify-content: center; gap: 30px; margin-top: 30px;"><div style="text-align: center;"> <p style="color: #DDA0DD; font-weight: bold; margin-bottom: 15px;">The Mother's Seed</p> <img src="images/nimeria/chapter3/transform1/breastmilk.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); cursor: pointer;" onclick="SugarCube.State.variables.marielTransformationMother = true; SugarCube.Engine.play('NimeriasSecondChoice');"> <p style="color: white; font-size: 0.9em; margin-top: 10px;">Transform her pain into maternal purpose</p></div><div style="text-align: center;"> <p style="color: #DDA0DD; font-weight: bold; margin-bottom: 15px;">Gentle Healing</p> <img src="images/nimeria/chapter3/transform1/normal.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); cursor: pointer;" onclick="SugarCube.State.variables.marielTransformationMother = false; SugarCube.Engine.play('NimeriasSecondChoice');"> <p style="color: white; font-size: 0.9em; margin-top: 10px;">Simply ease her trauma and let her heal</p></div></div></div></div> <<statSummary>><<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<if not $nimeriaGayDreamUsed>><<set $nimeriaGayDreamUsed = false>><</if>> <div class="nimeria-mischief-container" style="background-image: url('images/landscapes/night.webp'); background-size: cover; background-position: center; min-height: 600px; position: relative; border-radius: 10px; overflow: hidden;"> <div class="night-overlay" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.8), rgba(139, 0, 139, 0.9)); position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div> <div class="mischief-content" style="position: relative; z-index: 2; padding: 30px; text-align: center;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 20px; font-size: 1.8em;">🌙 Nimeria's Midnight Mischief 🌙</h2> <div class="nimeria-thoughts" style="background: linear-gradient(145deg, rgba(120,80,160,0.3), rgba(100,60,140,0.4)); border: 2px solid rgba(200,150,255,0.4); border-radius: 12px; padding: 20px; margin: 20px auto; max-width: 600px; box-shadow: 0 6px 12px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/nimeria/facesmile.webp" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; line-height: 1.6;"><span class="dialog-nimeria">*Maybe I don't have to sleep just yet. There are... opportunities in the darkness. Ways to influence dreams, to plant seeds that will bloom in the morning light.*</span></p><div style="clear: left;"></div></div> <div class="character-influence-options" style="display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; margin: 40px 0;"> <div class="influence-option-wrapper" style="text-align: center; position: relative;"> <<if ($rylan_GayValue || 0) > 0.5>><div class="influence-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 2;"> <div class="character-frame" style="background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); border: 2px solid rgba(255,255,255,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></div> <h3 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;"><<print $humanName>></h3> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"His dreams are... accessible to me..."</p></div> <<link "Influence his dreams" "NimeriaGayDreamChoice">><</link>> <<else>><div class="locked-option" style="position: relative; opacity: 0.6;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(100,100,100,0.1), rgba(80,80,80,0.05)); border: 2px solid rgba(150,150,150,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/rylan/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(150,150,150,0.3); filter: grayscale(70%);"> <div class="lock-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div></div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;"><<print $humanName>></h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"His orientation (<<print $rylan_GayValue>>) isn't developed enough..."</p></div><</if>></div> <div class="influence-option-wrapper" style="text-align: center; position: relative;"><div class="locked-option" style="position: relative; opacity: 0.6;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(100,100,100,0.1), rgba(80,80,80,0.05)); border: 2px solid rgba(150,150,150,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/liora/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(150,150,150,0.3); filter: grayscale(70%);"> <div class="lock-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div></div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">Liora</h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Not yet ready for my influence..."</p></div></div> <div class="influence-option-wrapper" style="text-align: center; position: relative;"><div class="locked-option" style="position: relative; opacity: 0.6;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(100,100,100,0.1), rgba(80,80,80,0.05)); border: 2px solid rgba(150,150,150,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(150,150,150,0.3); filter: grayscale(70%);"> <div class="lock-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div></div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">Serin</h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Her mind is too guarded tonight..."</p></div></div> <div class="influence-option-wrapper" style="text-align: center; position: relative;"><div class="locked-option" style="position: relative; opacity: 0.6;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(100,100,100,0.1), rgba(80,80,80,0.05)); border: 2px solid rgba(150,150,150,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/mariel/stage2/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(150,150,150,0.3); filter: grayscale(70%);"> <div class="lock-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div></div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;"><<print $marielToHuman.charAt(0).toUpperCase() + $marielToHuman.slice(1)>></h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"Her transformation shields her dreams..."</p></div></div> <div class="influence-option-wrapper" style="text-align: center; position: relative;"><div class="locked-option" style="position: relative; opacity: 0.6;"><div class="character-frame" style="background: linear-gradient(145deg, rgba(100,100,100,0.1), rgba(80,80,80,0.05)); border: 2px solid rgba(150,150,150,0.2); border-radius: 15px; padding: 15px; margin-bottom: 10px; box-shadow: 0 8px 16px rgba(0,0,0,0.3); backdrop-filter: blur(5px);"> <img src="images/seryk/chapter2/face.webp" style="width: 120px; height: 120px; border-radius: 10px; border: 2px solid rgba(150,150,150,0.3); filter: grayscale(70%);"> <div class="lock-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3em; color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">🔒</div></div> <h3 style="color: #999; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 10px 0 5px 0; font-size: 1.2em;">Seryk</h3> <p style="color: #AAA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; font-style: italic;">"His mind is too strong to influence directly..."</p> </div></div></div><div class="sleep-option" style="margin-top: 50px;"><div class="return-option" style="cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease;"> <div style="background: linear-gradient(145deg, rgba(120,80,160,0.2), rgba(100,60,140,0.3)); border: 2px solid rgba(200,150,255,0.3); border-radius: 10px; padding: 15px 25px; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.3); backdrop-filter: blur(3px);"> <h3 style="color: #DDA0DD; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; font-size: 1.1em;">Give in to sleep</h3> <p style="color: #C0A0C0; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 0.9em; margin: 5px 0 0 0; font-style: italic;">"Even I need rest eventually..."</p></div></div> <div style="margin-top: 15px;"><<link "End the night" "POVTransitionNimeriaToThalor">><</link>></div></div></div></div> <style> .influence-option:hover { transform: translateY(-5px) scale(1.05); opacity: 0.9; } .influence-option:hover .character-frame { border-color: rgba(255,255,255,0.5); box-shadow: 0 12px 24px rgba(0,0,0,0.4); } .influence-option:hover img { border-color: rgba(255,255,255,0.6); transform: scale(1.05); } .influence-option:hover h3 { color: #FFE6FF; } .return-option:hover { transform: translateY(-3px) scale(1.02); opacity: 0.9; } .mischief-content a { color: #DDA0DD; text-decoration: none; background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.1)); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 10px 20px; display: inline-block; margin-top: 10px; transition: all 0.3s ease; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-weight: bold; font-size: 1.1em; } .mischief-content a:hover { color: #FFE6FF; background: linear-gradient(145deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15)); border-color: rgba(255,255,255,0.5); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.4); } </style> <<changeFace $currentNimeriaFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<set $timeOfDay = "night">><<if not $rylanRomanceMariel>><<set $rylanRomanceMariel = false>><</if>><<if not $marielTransformationMother>><<set $marielTransformationMother = false>><</if>><<if not $humanTransformationFeminine>><<set $humanTransformationFeminine = false>><</if>><<if not $crystals>><<set $crystals = 5>><</if>><<if not $mariel_mindControlResistance>><<set $mariel_mindControlResistance = 80>><</if>><<if not $mariel_mindControlSusceptibility>><<set $mariel_mindControlSusceptibility = 20>><</if>><<if not $mariel_mindBreakProgress>><<set $mariel_mindBreakProgress = 0>><</if>> <div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔮 The Transformation Begins 🔮</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Nimeria's Sacrifice</p> </div><div class="nimeria-preparation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Now comes the difficult part. To influence her mind so deeply, to plant the seeds of transformation... I'll need to use two of my precious mana crystals.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*The risk is enormous. Using this much power could seriously harm me, but it's the only way to reach deep enough into her psyche.*</span></p><div style="clear: left;"></div></div> <div class="crystal-usage" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center;">*I retrieve two mana crystals from my pouch, feeling their dark energy pulse against my palms. The crystals begin to glow with an ominous purple light as I channel my power through them.*</p> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*This is going to hurt... but it's necessary.*</span></p><div style="clear: left;"></div></div> <div class="transformation-process" style="background: rgba(75,25,75,0.8); border: 2px solid rgba(139,0,139,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*I place my hands on her temples, the mana crystals floating between us, pulsing with otherworldly energy. The connection forms instantly - I can feel her mind, her dreams, her deepest thoughts and fears.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*The process begins. I reach into the darkest corners of her psyche, finding the trauma, the self-blame, the crushing weight of guilt that has been destroying her from within.*</p> <<if $marielTransformationMother>><center><img src="images/nimeria/chapter3/transform1/breastmilk.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 0 0 20px 25px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*I begin to weave the Mother's Seed into her very essence. The transformation is profound - her pain slowly dissolves, replaced by an overwhelming need to nurture, to protect, to love unconditionally.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*She will become the perfect caretaker, the loving heart this family needs. Her maternal instincts will bloom like a flower, bringing healing to everyone around her.*</p> <<else>><img src="images/nimeria/chapter3/transform1/normal.webp" style="width: 250px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); float: right; margin: 0 0 20px 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*I work carefully, gently removing the trauma without changing who she is. The guilt dissolves like morning mist, leaving her true self intact but finally free from the crushing weight she's carried.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*She will still be Mariel - kind, gentle, loving - but without the self-blame that has been poisoning her happiness. She deserves to be free.*</p><</if>></div><div class="nimeria-pain" style="background: rgba(100,25,25,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*The strain is... incredible. Both mana crystals are cracking, their power flowing through me like liquid fire. I can feel something tearing inside me...*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">*Suddenly, pain explodes through my chest. I double over, gasping, as something warm and metallic fills my mouth. Blood. I'm coughing up blood.*</p> <p style="color: #ff6b6b; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I stagger backward, crimson droplets staining my lips and chin. The mana crystals shatter completely, their fragments dissolving into purple mist.*</p> <div style="clear: left;"></div></div><div class="transformation-begun" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*But it's done. I can feel it - the first seed is planted deep within her mind. How quickly it blooms will depend entirely on how well it's nurtured, but the foundation has been laid.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Her mental defenses are slightly weaker now. Slowly, gradually, she'll become more susceptible to influence, more open to... guidance. The old barriers protecting her independence will erode bit by bit.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Good. The seed is implanted. Now it just has to be carefully tended - the more attention and care it receives, the faster it will grow and blossom.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">*Sweet dreams, Mariel. When you wake, you'll start down a path toward becoming the woman you were always meant to be.*</span></p><div style="clear: left;"></div></div> <div class="cost-summary" style="background: rgba(139,0,0,0.3); border: 1px solid rgba(200,50,50,0.5); border-radius: 8px; padding: 20px; text-align: center; margin-bottom: 25px;"> <p style="color: #ff6b6b; font-weight: bold;">Mana Crystals Used: -2</p> <p style="color: white; font-size: 0.9em;">The price of planting the first seeds...</p> [[Continue...|MarielsTransformdreamChapter3]] </div></div><<set $crystals -= 2>><<set $mariel_mindControlResistance -= 5>><<set $mariel_mindControlSusceptibility += 5>><<set $mariel_mindBreakProgress += 1>><<trackOther "Mariel" "MindControlResistance" -5>><<trackOther "Mariel" "MindControlSusceptibility" 5>><<trackOther "Mariel" "MindBreakProgress" 1>><<if $marielTransformationMother>><<addSoulCorruption "mariel" 1>><<soulDisplay "mariel">><</if>><<statSummary>><<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('transition.mp3');<</script>> <div class="pov-transition" style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.95) 0%, rgba(30, 30, 35, 0.98) 50%, rgba(120, 80, 160, 0.95) 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 40px;"> <div class="transition-text" style="opacity: 0; animation: fadeIn 1s ease-in-out forwards;"> <p style="color: #DDA0DD; font-size: 1.8em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 30px;">🌙 Returning Shadows 🌙</p> <p style="color: #E6E6FA; font-size: 1.2em; margin-bottom: 20px;">As the moment fades...</p></div> <div class="transition-description" style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"> <p style="color: white; font-size: 1.1em; line-height: 1.6; max-width: 600px; margin: 0 auto 30px auto; font-style: italic;">The sweet taste lingers, but now we see through the eyes of the one who orchestrated this moment. Behind the gentle smile and caring words lies a mind constantly calculating, planning, weaving threads of influence...</p></div> <div class="continue-link" style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <p style="color: #FFD700; font-size: 1.3em; margin-bottom: 20px;">Through Nimeria's Eyes</p></div></div><style> @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style> <<script>> setTimeout(function() { Engine.play('NimeriaAloneReflection'); }, 10000); <</script>><<changeFace $currentLioraFace>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="transition-container" style="background: linear-gradient(145deg, rgba(120, 80, 160, 0.9), rgba(80, 50, 120, 0.95)); min-height: 500px; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.4); text-align: center;"> <div class="transition-content" style="background: rgba(30,30,35,0.95); border: 2px solid rgba(200,150,255,0.8); border-radius: 12px; padding: 30px; margin-bottom: 30px;"> <div class="transition-text" style="opacity: 0; animation: fadeIn 1s ease-in-out 1s forwards;"> <p style="color: #FFD700; font-size: 1.4em; font-weight: bold; margin-bottom: 20px;">✨ A Few Minutes Later ✨</p> </div> <div class="transition-text2" style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"> <p style="color: white; font-size: 1.1em; line-height: 1.6; margin-bottom: 20px;">After giving Liora some gentle guidance about understanding relationships and being a supportive partner, Nimeria watches as the young healer returns to her tasks with a thoughtful expression.</p> </div> <div class="transition-text3" style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <p style="color: #DDA0DD; font-size: 1.0em; font-style: italic;">The conversation was innocent but meaningful, focusing on emotional connection and communication rather than physical matters.</p> </div> </div> <div class="continue-section" style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <div style="margin-top: 20px;"> <a href="javascript:void(0)" onclick="setTimeout(() => SugarCube.Engine.play('NimeriaAloneReflection'), 100)" style="color: #FFD700; font-size: 1.2em; text-decoration: none; padding: 12px 25px; border: 2px solid #FFD700; border-radius: 8px; background: rgba(255,215,0,0.1); transition: all 0.3s;">Continue ➤</a> </div> </div> </div> <script> // Auto-advance after 5 seconds setTimeout(function() { SugarCube.Engine.play('NimeriaAloneReflection'); }, 5000); </script> <<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('transition.mp3');<</script>><div class="pov-transition" style="background: linear-gradient(135deg, rgba(120, 80, 160, 0.95) 0%, rgba(30, 30, 35, 0.98) 50%, rgba(255, 182, 193, 0.95) 100%); min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 40px;"> <div class="transition-text" style="opacity: 0; animation: fadeIn 1s ease-in-out forwards;"> <p style="color: #DDA0DD; font-size: 1.8em; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 30px;">🌸 Shifting Perspectives 🌸</p> <p style="color: #E6E6FA; font-size: 1.2em; margin-bottom: 20px;">As Nimeria's plan unfolds...</p></div> <div class="transition-description" style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"> <p style="color: white; font-size: 1.1em; line-height: 1.6; max-width: 600px; margin: 0 auto 30px auto; font-style: italic;">The moment shifts, and we see through different eyes. What began as Nimeria's careful manipulation becomes something more intimate, more personal. The perspective changes to the one experiencing these new sensations for the first time...</p></div> <div class="continue-link" style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <p style="color: #FFD700; font-size: 1.3em; margin-bottom: 20px;">Through Liora's Eyes</p></div></div><style> @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style><<script>> setTimeout(function() { Engine.play('NimeriaLioraKiss'); }, 10000); <</script>> <<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <div class="transition-container" style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.9) 0%, rgba(25, 25, 112, 0.95) 50%, rgba(139, 69, 19, 0.9) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden;"> <div class="transition-stars" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(2px 2px at 20px 30px, #eee, transparent), radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.8), transparent), radial-gradient(1px 1px at 90px 40px, #fff, transparent); background-repeat: repeat; background-size: 200px 100px; animation: twinkle 3s linear infinite;"></div> <div class="transition-content" style="position: relative; z-index: 2; max-width: 600px; padding: 40px;"> <div class="transition-text-1" style="opacity: 0; animation: fadeInOut 5s ease-in-out;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">🌙 Night Fades to Dawn 🌅</h2> <p style="color: #E6E6FA; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">As Nimeria's influence settles into the dreams of the sleeping, the world shifts. Night gives way to morning, and other forces stir...</p> </div> <div class="transition-text-2" style="opacity: 0; animation: fadeInOut 5s ease-in-out 3s;"> <h2 style="color: #CD853F; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">⚔️ Miles Away ⚔️</h2> <p style="color: #F5DEB3; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">A carriage rolls through the morning mist, carrying warriors whose past shadows their present...</p> </div> <div class="transition-text-3" style="opacity: 0; animation: fadeInOut 5s ease-in-out 6s;"> <h2 style="color: #B8860B; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">🛤️ The Journey Home 🛤️</h2> <p style="color: #FFFACD; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">Old wounds and cruel laughter echo in the confines of their transport...</p> </div> <div class="continue-link" style="opacity: 0; animation: fadeIn 2s ease-in-out 8s forwards; margin-top: 40px;"> <<link "Continue" "Chapter3Morning2">><<set $timeOfDay = "morning">><</link>> </div> </div> </div> <style> @keyframes fadeInOut { 0% { opacity: 0; transform: translateY(30px); } 20% { opacity: 1; transform: translateY(0); } 80% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-30px); } } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes twinkle { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } .transition-container a { color: #FFD700; text-decoration: none; background: linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1)); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 15px 30px; display: inline-block; transition: all 0.3s ease; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); font-weight: bold; font-size: 1.2em; } .transition-container a:hover { color: #FFF; background: linear-gradient(145deg, rgba(255,215,0,0.3), rgba(255,215,0,0.2)); border-color: rgba(255,215,0,0.8); transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.4); } </style> <script> setTimeout(function() { if (typeof SugarCube !== 'undefined' && SugarCube.Engine) { SugarCube.Engine.play('Chapter3Morning2'); } }, 10000); </script>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="pov-transition-container" style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95), rgba(45, 35, 55, 0.9)); min-height: 400px; padding: 40px; border-radius: 15px; border: 2px solid rgba(148, 0, 211, 0.4); position: relative; overflow: hidden;"> <div class="transition-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at center, transparent 30%, rgba(148, 0, 211, 0.1) 70%); pointer-events: none;"></div> <div class="transition-content" style="position: relative; z-index: 2;"> <div class="fade-stage-1" style="opacity: 0; animation: fadeInOut 5s ease-in-out infinite;"> <p style="color: rgba(255, 255, 255, 0.8); font-size: 1.2em; text-align: center; margin: 20px 0; font-style: italic;">*The evening settles over the house like a gentle blanket...*</p> </div> <div class="fade-stage-2" style="opacity: 0; animation: fadeInOut 5s ease-in-out infinite; animation-delay: 1s;"> <p style="color: rgba(255, 255, 255, 0.9); font-size: 1.3em; text-align: center; margin: 30px 0; font-weight: bold;">*As dinner conversations fade into comfortable silence...*</p> </div> <div class="fade-stage-3" style="opacity: 0; animation: fadeInOut 5s ease-in-out infinite; animation-delay: 3s;"> <p style="color: rgba(255, 255, 255, 0.7); font-size: 1.1em; text-align: center; margin: 25px 0; font-style: italic;">*A different perspective emerges from the shadows...*</p> </div> <center><img src="images/nimeria/face.webp" style="max-width: 150px; border-radius: 50%; border: 3px solid rgba(148, 0, 211, 0.6); margin: 30px 0; opacity: 0; animation: fadeIn 5s ease-in-out infinite; animation-delay: 2s;"></center> <div class="transition-navigation" style="text-align: center; margin: 40px 0; opacity: 0; animation: fadeIn 2s ease-in-out 5s forwards;"> <p style="color: rgba(255, 255, 255, 0.8); font-size: 1.1em; margin-bottom: 20px;">*The story shifts to reveal hidden truths...*</p> [[Continue to Nimeria's Perspective|NimeriaAfterBlightwood]] </div> </div> </div> <style> @keyframes fadeInOut { 0%, 100% { opacity: 0; } 20%, 80% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } </style> <script> setTimeout(function() { if (typeof window.AudioSystem !== 'undefined') { window.AudioSystem.playBGM('default3.mp3'); } }, 1000); </script> <<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>> <div style="background: linear-gradient(135deg, rgba(20,20,30,0.95), rgba(30,20,40,0.98)); min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px;"> <div style="max-width: 600px;"> <div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: rgba(200,200,200,0.9); font-size: 1.2em; line-height: 1.6; margin-bottom: 30px;"> <p style="margin-bottom: 20px;">🌅 As dawn breaks over the household...</p> <p>The weight of old memories and fresh guilt settles upon one brother's shoulders...</p> </div> <div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: rgba(180,180,200,0.9); font-size: 1.1em; line-height: 1.6; margin-bottom: 30px;"> <p style="margin-bottom: 20px;">✨ While across the hall...</p> <p>Another awakens, unaware of the dreams that have stirred his companion's conscience...</p> </div> <div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: rgba(220,220,240,0.9); font-size: 1.3em; line-height: 1.6; margin-bottom: 40px;"> <p style="margin-bottom: 20px;">🏠 In the kitchen below...</p> <p style="font-style: italic;">The day begins with familiar voices and the scent of breakfast...</p> </div> <div id="continue-link" style="opacity: 0; transition: opacity 1s ease-in-out;"> <a data-passage="Chapter3MorningKitchen" style="display: inline-block; background: linear-gradient(45deg, rgba(100,60,120,0.8), rgba(80,40,100,0.9)); color: white; padding: 15px 30px; border-radius: 25px; text-decoration: none; font-weight: bold; border: 2px solid rgba(255,255,255,0.3); transition: all 0.3s ease;">Continue</a> </div> </div> </div> <script> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1000); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 5000); </script>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <div class="transition-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.9) 0%, rgba(70, 130, 180, 0.95) 50%, rgba(255, 255, 255, 0.9) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden;"> <div class="transition-rays" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 50%); animation: pulse 4s ease-in-out infinite;"></div> <div class="transition-content" style="position: relative; z-index: 2; max-width: 700px; padding: 40px;"><div class="transition-text-1" style="opacity: 0; animation: fadeInOut 5s ease-in-out;"> <h2 style="color: #8B4513; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">The Carriage Rolls On</h2> <p style="color: #D2B48C; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">While old warriors speak of wars to come, the wheels of fate turn in distant lands...</p></div> <div class="transition-text-2" style="opacity: 0; animation: fadeInOut 5s ease-in-out 3s;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">🏰 The Holy Kingdom of Stormark 🏰</h2> <p style="color: #87CEEB; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">In marble halls where justice reigns, a young queen faces the storm of approaching darkness...</p></div> <div class="transition-text-3" style="opacity: 0; animation: fadeInOut 5s ease-in-out 6s;"> <h2 style="color: #E6E6FA; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); font-size: 2.2em; margin-bottom: 20px;">👑 The Throne of Hope 👑</h2> <p style="color: #F0F8FF; font-size: 1.3em; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">Where wisdom meets compassion, and difficult decisions shape the fate of nations...</p></div> <div class="continue-link" style="opacity: 0; animation: fadeIn 2s ease-in-out 8s forwards; margin-top: 40px;"> <<link "Continue" "CelindraThrone">><<set $currentFace = $currentCelindraFace>><</link>></div></div></div> <style> @keyframes fadeInOut { 0% { opacity: 0; transform: translateY(30px); } 20% { opacity: 1; transform: translateY(0); } 80% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-30px); } } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { opacity: 0.1; } 50% { opacity: 0.3; } 100% { opacity: 0.1; } } .transition-container a { color: #4682B4; text-decoration: none; background: linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1)); border: 2px solid rgba(70,130,180,0.5); border-radius: 12px; padding: 15px 30px; display: inline-block; transition: all 0.3s ease; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); font-weight: bold; font-size: 1.2em; } .transition-container a:hover { color: #FFF; background: linear-gradient(145deg, rgba(70,130,180,0.3), rgba(70,130,180,0.2)); border-color: rgba(70,130,180,0.8); transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.4); } </style> <script> setTimeout(function() { if (typeof SugarCube !== 'undefined' && SugarCube.Engine) { SugarCube.Engine.play('CelindraThrone'); } }, 10000); </script>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "evening">> <div class="home-return-container" style="background: linear-gradient(to bottom, rgba(184, 134, 11, 0.85), rgba(218, 165, 32, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🏠 Home Sweet Home 🏠</p> <p style="color: white; font-size: 1.1em;">Evening Return</p></div> <div class="home-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rylanhome.webp" style="border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The familiar sight of home is a welcome relief after our... unusual day in the Blightwood. As we approach the front door, we can smell something delicious cooking inside. The warmth and comfort of home feels especially appealing after trying to explain our mission to Elena.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I push open the door and we all file inside, looking somewhat tired but relieved to be back. The sound of our entrance draws Mariel from the kitchen.*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <<if $marielTransformationMother === true>><center><img src="images/mariel/stage2/facesmile.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Mariel appears from the kitchen, her face lighting up with genuine warmth and relief when she sees us. Her eyes immediately focus on me with the kind of caring attention I've noticed more and more lately.*</p> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">Welcome home, everyone! $humanName, sweetheart, how did your mission go? You all look a bit tired.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She steps closer to me, her maternal instincts clearly wanting to check if I'm alright. There's something different about the way she looks at me now - more protective, more caring, like I'm someone precious who needs looking after.*</p> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">You haven't been pushing yourself too hard, have you, dear? Come, let me look at you properly.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She gently takes my shoulders and looks me over with concerned eyes, checking for any signs of injury or exhaustion. Her touch is warm and comforting, and I find myself oddly reassured by her attention.*</p><<else>><center><img src="images/mariel/stage2/facesmile.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Mariel emerges from the kitchen, wiping her hands on her apron. She gives us all a warm, welcoming smile - the kind that makes any house feel like home.*</p> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">Welcome back, everyone! How did the Blightwood mission go? You all look like you've had quite an adventure.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her eyes scan over each of us with practiced efficiency, checking for injuries or signs of trouble. It's the kind of quick assessment any experienced adventurer would make.*</p> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">No injuries, I hope? You all look tired but unharmed, which is always good to see after a mission.</span></p><div style="clear: left;"></div><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I exchange glances with the others, silently reminding everyone of our agreement to never speak of the goblin encounter.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">The mission went... perfectly normal, $marielToHuman. Nothing unusual happened at all. Just a standard patrol.</span></p><div style="clear: left;"></div> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Yes! Very normal. No strange conversations whatsoever.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Nothing worth talking about. Just trees and... normal forest things.</span></p><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Completely routine mission, Sunflower. Nothing memorable about it at all.</span></p><div style="clear: left;"></div> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*still looking tired* Can we just... not talk about missions for a while?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Mariel looks at us with slight confusion, clearly picking up on the odd undercurrents in our responses.*</p> <<if $marielTransformationMother === true>><img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">You're all acting rather strangely... $humanName, dear, are you sure you're feeling alright? You haven't been overexerting yourself, have you?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her concern for me specifically is obvious, and there's a gentleness in her voice that makes me feel both comforted and slightly confused by the attention.*</p><<else>><img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">You're all acting rather strangely... but I suppose every mission has its own character. I'm just glad you're all home safe.</span></p><div style="clear: left;"></div><</if>></div> <div style="background: rgba(70,50,90,0.9); border: 1px solid rgba(140,120,160,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The wonderful smell from the kitchen reminds us all that we haven't eaten since this morning.*</p> <<if $marielTransformationMother === true>><img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">I've made your favorite stew, $humanName. I know how much you love it after a long day. Everyone else is welcome too, of course!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She smiles at me with such warmth and care that I can't help but feel touched by her thoughtfulness. When did she start paying such special attention to what I like?*</p><<else>><img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-mariel">I've made a hearty stew for dinner. Perfect timing - you all must be starving after your mission!</span></p><div style="clear: left;"></div><</if>> <img src="images/liora/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">That sounds wonderful, Mariel. Thank you for cooking for all of us!</span></p><div style="clear: left;"></div> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Perfect! I could eat an entire dragon right now.</span></p><div style="clear: left;"></div> <img src="images/seryk/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Your cooking is always appreciated, Sunflower. Thank you for taking care of us.</span></p><div style="clear: left;"></div> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">A home-cooked meal sounds like exactly what we need after today.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we all head toward the kitchen together, I feel grateful for the normalcy of home life. Whatever strange things happened in the Blightwood today, at least here we can just be a family enjoying dinner together.*</p> <<if $marielTransformationMother === true>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Though I do notice Mariel walking close beside me, her protective presence feeling both comforting and slightly puzzling. When did she start treating me with such special care?*</p><</if>> </div> </div></div> <<changeAffection "Rylan" "Mariel" 2>><<changeAffection "Mariel" "Rylan" 2>><<changeAffection "Rylan" "Liora" 1>><<changeAffection "Rylan" "Serin" 1>><<changeAffection "Rylan" "Seryk" 1>><<changeAffection "Rylan" "Nimeria" 1>> <div style="text-align: center; margin: 30px 0;"> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">Home is where the heart is... and where secrets are kept.</p></div> [[After Dinner...|POVTransitionRylanToNimeria]] <<changeFace $currentRylanFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentSerykFace>><<set $timeOfDay = "morning">><<set $gameDay += 1>> <div class="awakening-container" style="background: linear-gradient(to bottom, rgba(100, 80, 120, 0.85), rgba(80, 60, 100, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌅 Morning Guilt 🌅</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Seryk's Awakening</p> </div><div class="waking-up" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Seryk's eyes snap open as dawn light filters through his window. For a moment, he's disoriented - caught between the innocent laughter of children and the crushing weight of adult understanding.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*What a dream... No, not a dream. A memory.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*He sits up slowly, running a hand through his hair. The images are still vivid - little Nimeria's hopeful smile, Torin's cruel grin, the sound of innocent counting that turned into abandonment.*</p> <div style="clear: left;"></div></div><div class="bitter-realization" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*We really treated Nimeria terribly back then. How could I have been so... so cruel?*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The worst part isn't even the abandonment itself - it's how easily he went along with it. How the desire to fit in, to be accepted by his friends, made him betray the one person who should have been able to count on him.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*I don't even remember how she came back to the castle. She was always so weak and delicate, with that sickly body of hers... and she was out there for nearly a week.*</span></p> <div style="clear: left;"></div></div><div class="guilt-and-consequences" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*A week. A four-year-old child, alone in the demon realm's dangerous forests for an entire week. The guilt sits heavy in his chest like a stone.*</p> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*I didn't tell anyone where she went. I was too scared of getting my friends in trouble, too afraid of being blamed. When Father and our mothers returned from the battlefield and found her missing...*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The memory of his father's fury still makes him wince. The Demon King had raged for hours, demanding to know how his daughter had simply vanished. Seryk had been scolded until his ears rang, forced to help search every corner of the castle grounds.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*If he had known I was at fault for her going missing in the first place... I probably wouldn't have survived his wrath.*</span></p> <div style="clear: left;"></div></div><div class="mystery-survival" style="background: rgba(40,60,40,0.8); border: 2px solid rgba(80,120,80,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*But the question that haunts him most is the simplest one:*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; color: #90EE90; font-weight: bold;">*How did she survive?*</p> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*A week in the forest, all alone. She was just a tiny child with no survival skills, no magic, no strength. The forests are full of wild beasts and dangerous plants. Any adult would struggle to last that long.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*When she was finally found - dirty, thin, and half-wild - she never spoke about what happened during those seven days. Even now, as adults, she's never told him how she managed to survive.*</p> <div style="clear: left;"></div></div><div class="transformation-aftermath" style="background: rgba(50,30,50,0.8); border: 2px solid rgba(100,60,100,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*What he does remember clearly is how everything changed after that week.*</p> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*Around that time, Zarn joined our household. And Nimeria... she became completely different. Gloomy, bitter, sharp-tongued. She never smiled anymore.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The sweet, hopeful little girl who had begged to play with them was gone. In her place was a child who insulted anyone who tried to speak with her, who retreated into books and solitude, who looked at the world with eyes full of distrust and pain.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*And no wonder. If even her own brother would abandon her to die in the forest, why would she trust anyone ever again?*</span></p> <div style="clear: left;"></div></div><div class="final-punishment" style="background: rgba(80,40,40,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The final blow came when their father made his decree.*</p> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*Father forbade her from ever leaving the castle again. Said it was too dangerous, that she was too fragile, too important to risk. He even assigned her a personal maid to watch over her constantly.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*It was meant to be protection, but Seryk now understands it for what it really was - a prison. Nimeria became a captive in her own home, cut off from the outside world because of his moment of childhood cruelty.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*No friends. No freedom. No hope of escape from the place where everyone saw her as cursed, unwanted, expendable.*</p> <div style="clear: left;"></div></div><div class="resolve" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*I should make it up to her. I should have made it up to her years ago.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*But how do you apologize for destroying someone's childhood? How do you make amends for a betrayal that shaped the entire course of someone's life?*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">*At least now... at least now she has a chance at a real life. Real friends, real experiences, real freedom. Maybe that's a start.*</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*He rises from bed, determined to be the brother she deserved to have all those years ago. It's too late to change the past, but perhaps it's not too late to help her build a better future.*</p> <div style="clear: left;"></div></div></div>[[Continue to morning activities|POVTransitionSerykToRylan]] <<changeFace $currentSerykFace>>

<<script>>window.AudioSystem.playBGM('seryksdream.mp3');<</script>><<set $currentFace = $currentSerykFace>><<set $timeOfDay = "night">> <div class="memory-container" style="background: linear-gradient(to bottom, rgba(70, 50, 100, 0.85), rgba(50, 30, 80, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💭 Memories of Childhood 💭</p> <p style="color: white; font-size: 1.1em;">A Dream of Guilt - Twenty-Three Years Ago</p> </div><div class="playground-scene" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic; text-align: center;">*The scene materializes like morning mist - the castle courtyard, warm sunlight, and the sound of children's laughter...*</p> <center><img src="images/seryk/past/portrait.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 0 0 20px 25px;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Five-year-old Seryk charges across the courtyard with his wooden sword raised high, his friends Torin and Drevon close behind. They're playing their favorite game - "Battle Against the Heroes" - reenacting the great tales of demon lords and their epic battles.*</p> <img src="images/seryk/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">For the demon realm! No hero shall pass!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*As they clash swords and laugh, young Seryk's eyes drift to a solitary figure sitting beneath the twisted oak tree at the courtyard's edge. Nimeria - barely four years old, pale and delicate, watching them with those strange, knowing eyes that always seemed too old for her face.*</p> <center><img src="images/nimeria/past/sitongrass.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 0 0 20px 25px;"></center> <div style="clear: left;"></div></div><div class="cruel-children" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Young Seryk shudders slightly. There's something unsettling about how she just... sits there. Always alone. Always watching.*</p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Look, your sister the cursed child is staring at us again, Seryk! Watch out or she'll curse us too!</span></p> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Drevon: Yeah! She already cursed my mom! Turned her into a pig!</span></p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: pfft She isn't even that fat, Drevon...</span></p> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Drevon: Shut up!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The boys snicker and point. Young Seryk feels a knot in his stomach, but the pressure to fit in, to be accepted by his friends, weighs heavier than his conscience.*</p> </div><div class="peer-pressure" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Hey Seryk, ask her to play with us. It'll be fun.</span></p> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">No, shut up.</span></p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Come on! It'll be hilarious. We can play a really fun game with the little princess.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Young Seryk looks between his grinning friends and his sister's lonely figure. The cruel gleam in Torin's eyes should have been a warning, but at five years old, the desire to belong overwrites everything else.*</p> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">...Fine. Okay.</span></p><div style="clear: left;"></div> <div style="clear: left;"></div></div><div class="innocent-invitation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Young Seryk approaches his sister with hesitant steps. Her face lights up when she sees him coming - the first genuine smile he's seen from her in weeks.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Oh! Hello, big brother Seryk!</span></p><div style="clear: left;"></div> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">Hey... Want to play with us?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria's eyes widen with disbelief and hope. She looks past him to where Torin and Drevon are watching, their expressions unreadable.*</p><div style="clear: left;"></div> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Really? But... don't you all hate me?</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The question cuts deeper than any sword. Young Seryk can't meet her eyes.*</p><div style="clear: left;"></div> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">...Just come on.</span></p> <div style="clear: left;"></div></div><div class="forest-trap" style="background: rgba(50,60,40,0.8); border: 2px solid rgba(80,100,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The group ventures into the forest beyond the castle grounds. Nimeria practically bounces with excitement - when was the last time anyone included her in anything? Young Seryk's guilt gnaws at him, but he pushes it down.*</p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Alright, let's play hide and seek, Princess.</span></p> <img src="images/nimeria/past/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria" style="font-size: 0.9em;">Hide and seek? But... isn't the forest dangerous?</span></p><div style="clear: left;"></div> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Don't worry, little princess. Your brave knights will protect you. Now, close your eyes and count to one hundred. We'll hide, and then you try to find us!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria beams with happiness, covering her eyes with her tiny hands.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria" style="font-size: 0.9em;">One... two... three... four...</span></p> <center><img src="images/nimeria/past/counting.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 0 0 20px 25px;"></center><div style="clear: left;"></div> </div><div class="betrayal" style="background: rgba(80,40,40,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Torin grins wickedly and starts tiptoeing away from the counting child, gesturing for the others to follow.*</p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 15px; font-style: italic;"><span style="font-size: 0.8em;">Torin (whispering): Let's go back to the castle.</span></p> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk" style="font-size: 0.8em;">Huh? But...</span></p><div style="clear: left;"></div> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px; font-style: italic;"><span style="font-size: 0.8em;">Torin (whispering): Come on, it's just a prank. She'll figure it out eventually.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Young Seryk hesitates, looking back at his sister still innocently counting. Something feels terribly wrong, but Torin is already pulling him away. Fear of being left out, of losing his only friends, makes his feet move.*</p> <img src="images/nimeria/past/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px; font-style: italic; text-align: center;"><span style="font-size: 0.9em;">...forty-seven... forty-eight... forty-nine...</span></p> <center><img src="images/nimeria/past/counting.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 0 0 20px 25px;"></center><div style="clear: left;"></div><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*By the time she reaches one hundred, they're long gone, leaving the four-year-old alone in the vast, dark forest.*</p> <div style="clear: left;"></div></div><div class="oblivious-dinner" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The boys return to the castle and continue playing until dinnertime. The great hall fills with demons, servants, and the usual chatter. Young Seryk sits at the long table, mechanically eating his food.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*But something feels... empty. Wrong. No one mentions Nimeria's absence. They're so used to ignoring the "cursed child" that her empty chair goes completely unnoticed. Even the servants don't ask where she is.*</p> </div><div class="guilty-sleep" style="background: rgba(25,25,45,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Later that night, as young Seryk lies in his bed, a nagging thought creeps into his mind.*</p><div style="clear: left;"></div> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">Was Nimeria at dinner tonight? I... I can't remember seeing her...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*He tosses and turns, trying to convince himself.*</p> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk" style="font-size: 0.9em;">She must have been there. Someone would have said something if she wasn't, right? Right...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*With that weak reassurance, the five-year-old finally drifts off to sleep, unaware that his little sister is alone, cold, and terrified in the dark forest, calling out for him to come find her.*</p> <div style="clear: left;"></div></div></div>[[Continue|SerykWakesUp]] <<changeFace $currentSerykFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><div class="confrontation-container" style="background: linear-gradient(to bottom, rgba(147, 112, 219, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(147,112,219,0.6);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <center><img src="images/landscapes/nimeriaslaboratory.webp" style="width: 400px; border-radius: 10px; margin: 15px auto; display: block;"></center> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🧪 The Laboratory Setup 🧪</p> <p style="color: white; font-size: 1.1em;">One hour later - Time for transformation...</p></div> <div class="laboratory-complete" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Perfect timing! Just as Seryk finishes placing the last piece of distillation equipment, I hear familiar footsteps approaching. Serin appears in the doorway, looking around at our makeshift laboratory with curious eyes.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I'm comfortably seated in the chair I had Seryk bring in, fanning myself dramatically with my hand.</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Perfect timing, Serin! We finally got everything set up. Phew, that was absolutely exhausting!"</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I dab at my forehead theatrically, as if I've been doing hard labor.</p> <img src="images/seryk/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); margin: 0 20px 15px 0;"><span class="dialog-seryk">"What the hell? I was the only one working here! You've been sitting in that chair giving me directions the entire time!"</span> <img src="images/nimeria/facetongue.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I stick my tongue out at him playfully. Leadership is exhausting work, even if he doesn't appreciate it!</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"So... what's the plan exactly?"</span></div> <div class="transformation-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Well, as I mentioned before, with the right combination of alchemical enhancement and focused training, we can actually reshape your physical form. Normally I'd recommend a gradual approach, but... you seem rather desperate for results."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I lean forward in my chair, studying her expression carefully.</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Since I genuinely want to help you win him over as quickly as possible, I'm willing to accelerate the process. But first, I need to know exactly what you're envisioning. What's your ideal appearance?"</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Serin looks thoughtful for a long moment, clearly having given this considerable thought.</p> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"Hmm... longer hair definitely, much larger breasts, more traditionally feminine curves, fairer skin, and definitely no more freckles."</span></div> <div class="nimeria-interruption" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I blink at her in disbelief.</p> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Congratulations, you just perfectly described Liora. Now, what do YOU actually want to look like?"</span> <img src="images/serin/faceconfused.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"But... that's exactly what I said. Long hair, bigger chest, smoother skin-"</span> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Stop! Just stop right there!"</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I stand up from my chair, pacing in frustration.</p> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Let me ask you something. If I cooked your absolute favorite meal and placed it next to something that was just similar to your favorite, which would you choose?"</span> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"My favorite, obviously."</span> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Exactly! So why are you being such an idiot, trying to become a cheap copy of Liora? You need to become something entirely new, something that will make him develop a completely different taste - something he's never experienced before!"</span></div> <div class="freckles-defense" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"Okay, okay... maybe you have a point. But surely getting rid of the freckles and having smoother skin would be-"</span> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"ARE YOU COMPLETELY INSANE?! Those freckles are literally your most distinctive and attractive feature! If anything, we should give you MORE freckles!"</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Even Seryk looks up from organizing the equipment.</p> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); margin: 0 20px 15px 0;"><span class="dialog-seryk">"She's absolutely right about that..."</span> <img src="images/nimeria/faceangry.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Seryk, would you mind giving us some privacy? This requires a more... delicate touch."</span> <img src="images/seryk/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(135,206,235,0.3); margin: 0 20px 15px 0;"><span class="dialog-seryk">"Sure thing, Nim. I'll be outside if you need anything heavy moved."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Once he's gone, I turn back to Serin with a more serious expression.</p></div> <div class="trust-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Serin, I need to ask you something important. Do you trust me?"</span> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"I... I suppose so. You seem to know what you're talking about."</span> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Good. Then let me design the perfect version of you - enhanced, refined, but unmistakably Serin. Trust me to make you irresistible in ways that Liora never could be."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">But first, I need to gather some... specific measurements and preferences. This requires a more direct approach.</p></div> <div class="hypnosis-scene" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/nimeria/faceserious.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Before we begin, I need you to relax completely. Look into my eyes, Serin. Focus only on my voice..."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I reach out and gently place my hand on her forehead, channeling a subtle but potent mental influence. With her Resistance at 75 and Susceptibility at only 25, it takes more effort than usual, but her trust in me provides the opening I need.</p> <img src="images/serin/facerelaxed.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"I... yes, Nimeria... I trust you..."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Her eyes grow heavy and unfocused as my influence takes hold. Perfect. Now I can work with her subconscious mind directly, planting the necessary suggestions for the transformation while gathering the psychological profile I need.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic; text-align: center;">~ 30 minutes later ~</p> <img src="images/serin/faceconfused.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"I... what happened? I feel like I dozed off for a moment."</span> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"I helped you relax and put your ideal look into your subconscious. My voice and... presence can influence the mind a little when someone trusts me and is in a relaxed state. I just helped plant the perfect image of what you should become."</span> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"You can do that?"</span> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Just a bit. Nothing dramatic, but it helps the transformation process work more smoothly when your subconscious mind knows exactly what to aim for. Now, let me prepare your elixir."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I move to the equipment and begin mixing various compounds with practiced ease, my work now informed by the detailed psychological map I've just created.</p></div> <div class="sedative-scene" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Thirty-five minutes later, I hand her a small vial filled with a shimmering purple liquid.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Drink this tonight right before you go to sleep."</span> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"What exactly is this?"</span> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"A very powerful sedative."</span> <img src="images/serin/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"Don't worry about me, I can handle pain just fine."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I give her a look that's both amused and slightly concerned.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"'Some pain,' she says... Listen carefully, Serin. Because you're so desperate for rapid results, we're compressing what should be months of gradual change into a single night. Normally, I would never recommend this level of acceleration."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">My voice takes on a more serious tone.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"Tonight, your skeletal structure will be broken down and rebuilt repeatedly. Your muscle fibers will tear and regenerate. Your skin will stretch and heal over and over again. The process will fundamentally reshape you from the inside out."</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I watch her face pale slightly.</p> <img src="images/nimeria/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-nimeria">"So tell me, brave warrior - do you still want to 'handle the pain just fine' without any help?"</span> <img src="images/serin/faceworried.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"><span class="dialog-serin">"You know what? On second thought, that sedative sounds like a absolutely brilliant idea!"</span> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">Smart girl. I do so appreciate when people listen to reason.</p></div> <div class="nimeria-thoughts" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">After Serin leaves with her transformation elixir, I take a moment to survey the completed laboratory. The distillation apparatus, the soul resonance chambers, the essence refinement crystals...</p> <img src="images/nimeria/facesmile.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(221,160,221,0.3); margin: 0 20px 15px 0;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">"Perfect. With this setup, I should have everything I need to manipulate soul energies directly. A Soul Forge, if you will - capable of reforging the very essence of blessing and corruption within a person's spirit."</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">The possibilities are delicious. The ability to reshape not just bodies, but the fundamental spiritual nature of individuals... this opens up so many new avenues for influence and control.</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px;">I should probably test this system soon. After all, what's the point of having such magnificent equipment if I don't put it to proper use?</p></div> <<set $serin_NimeriaAffection += 3>><<trackAffection "Serin" "Nimeria" 3>><<set $nimeria_SerinAffection += 2>><<trackAffection "Nimeria" "Serin" 2>><<set $serin_mindControlResistance -= 3>><<trackOther "Serin" "MindControlResistance" -3>><<set $serin_mindControlSusceptibility += 3>><<trackOther "Serin" "MindControlSusceptibility" 3>><<set $serin_mindBreakProgress += 1>><<trackOther "Serin" "MindBreakProgress" 1>><<set $serin_SubmissionFetish += 0.2>><<trackFetish "Serin" "SubmissionFetish" 0.2>><<set $soulForgeUnlocked = true>><<trackOther "Party" "SoulForgeUnlocked" 1>> <div style="text-align: center; margin-top: 30px;"> <div style="background: rgba(147, 112, 219, 0.3); border: 1px solid rgba(138, 43, 226, 0.5); border-radius: 8px; padding: 20px;"> [[Continue|SoulforgeTutorial]] </div></div></div><<statSummary>><<changeFace $currentNimeriaFace>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><div class="soulforge-tutorial-container"> <div class="tutorial-header"><div class="forge-icon-animation">🔮</div><h1 class="tutorial-title">✨ SOUL FORGE UNLOCKED ✨</h1><p class="tutorial-subtitle">The power to reshape destiny itself</p></div><div class="tutorial-content"> <div class="intro-section"> <div class="nimeria-explanation"> <img src="images/nimeria/facesmile.webp" class="tutorial-portrait"> <div class="explanation-text"> <span class="dialog-nimeria">"Magnificent! With this laboratory, I can now directly manipulate the very essence of souls - both divine blessings and dark corruption. Think of it as spiritual alchemy at its finest."</span></div></div></div> <div class="system-explanation"> <h2>🔥 How the Soul Forge Works</h2> <div class="feature-grid"> <div class="feature-card reroll-card"> <div class="feature-icon">🎲</div> <h3>Soul Reforging</h3> <p>Reroll any soul effect for <span class="cost-highlight">10 Gold</span></p> <p class="feature-detail">Randomly replace an unwanted blessing or corruption with a new one of the same type</p></div> <div class="feature-card remove-card"> <div class="feature-icon">❌</div> <h3>Soul Purification</h3> <p>Remove any soul effect for <span class="cost-highlight">50 Gold</span></p> <p class="feature-detail">Completely eliminate a blessing or corruption from the character's soul</p></div> <div class="feature-card view-card"> <div class="feature-icon">👁️</div> <h3>Soul Analysis</h3> <p>View all character soul effects <span class="cost-highlight">Free</span></p> <p class="feature-detail">Examine everyone's current blessings and corruptions in detail</p></div></div></div> <div class="strategic-info"> <h2>⚔️ Strategic Considerations</h2> <div class="strategy-grid"> <div class="strategy-card blessing-strategy"> <h4>✨ Divine Blessings</h4> <ul> <li>Provide resistance to corruption and fetishes</li> <li>Enhance positive relationship gains</li> <li>Generally protective in nature</li> <li>May conflict with corruption-based content</li></ul></div> <div class="strategy-card corruption-strategy"> <h4>🌑 Dark Corruption</h4> <ul> <li>Enhance fetish development and sexual content</li> <li>Make characters more susceptible to influence</li> <li>Provide unique interaction opportunities</li> <li>Create interesting character dynamics</li></ul></div></div></div> <div class="access-info"> <h2>🗝️ Accessing the Soul Forge</h2> <div class="access-grid"> <div class="access-card"> <div class="access-icon">🧭</div> <p>Available through the <strong>Soul Forge</strong> option in the main menu</p></div> <div class="access-card"> <div class="access-icon">💰</div> <p>Requires sufficient gold - plan your spiritual investments wisely</p></div> <div class="access-card"> <div class="access-icon">⚗️</div> <p>Only accessible after this laboratory is established</p></div> <div class="access-card sidebar-info"> <div class="access-icon">📱</div> <p><strong>Location:</strong> Scroll down the right sidebar to find the Soul Forge button</p> <div class="sidebar-screenshot"> <img src="images/items/soulforgemenu.webp" alt="Soul Forge in Sidebar" class="menu-screenshot"> </div></div></div></div> <div class="warning-section"> <div class="warning-header">⚠️ Important Warnings ⚠️</div> <div class="warning-content"> <p><strong>Rerolling is Random:</strong> You cannot choose what you get when reforging a soul effect</p> <p><strong>Effects are Permanent:</strong> Once removed, a soul effect cannot be restored without gaining it again</p> <p><strong>Strategic Planning:</strong> Consider how each character's soul path affects their story development</p> <p><strong>Cost Management:</strong> Save gold for important changes - some effects are more valuable than others</p></div></div> <div class="nimeria-closing"> <div class="closing-explanation"> <img src="images/nimeria/face.webp" class="tutorial-portrait"> <div class="explanation-text"> <span class="dialog-nimeria">"Remember, the soul is the foundation of everything - personality, desires, resistance, attraction. With the Soul Forge, you hold the power to sculpt the very essence of those around you. Use it wisely... or don't. I find chaos equally entertaining."</span></div></div></div></div> <div class="tutorial-navigation"> <div class="nav-buttons"> <div class="continue-button">[[Continue with the story|Chapter3NightActivity]]</div></div></div></div> <style> .soulforge-tutorial-container { min-height: 100vh; background: linear-gradient(135deg, rgba(75, 0, 130, 0.3) 0%, rgba(25, 25, 112, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%); padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0; position: relative; } .tutorial-header { text-align: center; margin-bottom: 40px; } .forge-icon-animation { font-size: 4em; margin-bottom: 20px; color: #dda0dd; text-shadow: 0 0 20px rgba(138, 43, 226, 0.6); } .tutorial-title { font-size: 3em; margin: 0; color: #ba55d3; text-shadow: 0 0 20px rgba(186, 85, 211, 0.5); } .tutorial-subtitle { font-size: 1.2em; margin: 10px 0 0 0; opacity: 0.9; font-style: italic; color: #dda0dd; } .tutorial-content { max-width: 1200px; margin: 0 auto; } .intro-section, .nimeria-closing { background: rgba(25, 25, 50, 0.8); border-radius: 20px; padding: 30px; margin-bottom: 30px; border: 2px solid rgba(138, 43, 226, 0.3); } .nimeria-explanation, .closing-explanation { display: flex; align-items: center; gap: 20px; } .tutorial-portrait { width: 100px; height: 100px; border-radius: 50%; border: 3px solid rgba(221, 160, 221, 0.5); box-shadow: 0 0 20px rgba(221, 160, 221, 0.3); } .explanation-text { flex: 1; font-size: 1.1em; line-height: 1.5; } .system-explanation, .strategic-info { background: rgba(25, 25, 50, 0.6); border-radius: 15px; padding: 30px; margin-bottom: 30px; border: 1px solid rgba(138, 43, 226, 0.2); } .system-explanation h2, .strategic-info h2, .access-info h2 { color: #ba55d3; text-align: center; margin-bottom: 25px; font-size: 1.8em; text-shadow: 0 0 10px rgba(186, 85, 211, 0.5); } .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 20px; } .feature-card { background: rgba(40, 40, 80, 0.8); border-radius: 15px; padding: 25px; text-align: center; transition: background 0.2s ease; border: 2px solid transparent; } .reroll-card { border-color: rgba(255, 165, 0, 0.5); } .reroll-card:hover { background: rgba(50, 45, 30, 0.9); } .remove-card { border-color: rgba(220, 20, 60, 0.5); } .remove-card:hover { background: rgba(50, 30, 35, 0.9); } .view-card { border-color: rgba(100, 149, 237, 0.5); } .view-card:hover { background: rgba(40, 45, 60, 0.9); } .feature-icon { font-size: 2.5em; margin-bottom: 15px; } .feature-card h3 { color: #fff; margin-bottom: 10px; font-size: 1.3em; } .cost-highlight { color: #ffd700; font-weight: bold; text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); } .feature-detail { font-size: 0.9em; opacity: 0.8; margin-top: 10px; font-style: italic; } .strategy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; } .strategy-card { background: rgba(40, 40, 80, 0.6); border-radius: 12px; padding: 20px; border-left: 4px solid; } .blessing-strategy { border-left-color: #ffd700; } .corruption-strategy { border-left-color: #dc143c; } .strategy-card h4 { margin-bottom: 15px; font-size: 1.2em; } .strategy-card ul { list-style: none; padding: 0; } .strategy-card li { padding: 5px 0; padding-left: 20px; position: relative; } .strategy-card li::before { content: '▸'; position: absolute; left: 0; color: #ba55d3; } .access-info { background: rgba(25, 25, 50, 0.6); border-radius: 15px; padding: 30px; margin-bottom: 30px; border: 1px solid rgba(138, 43, 226, 0.2); } .access-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; } .access-card { background: rgba(40, 40, 80, 0.6); border-radius: 10px; padding: 20px; text-align: center; border: 1px solid rgba(138, 43, 226, 0.3); } .access-icon { font-size: 2em; margin-bottom: 10px; color: #ba55d3; } .sidebar-screenshot { margin-top: 15px; text-align: center; } .menu-screenshot { max-width: 100%; height: auto; border-radius: 8px; border: 2px solid rgba(138, 43, 226, 0.5); box-shadow: 0 0 15px rgba(138, 43, 226, 0.3); } .warning-section { background: linear-gradient(135deg, rgba(139, 0, 0, 0.2), rgba(75, 0, 0, 0.3)); border-radius: 15px; padding: 25px; margin-bottom: 30px; border: 2px solid rgba(220, 20, 60, 0.4); } .warning-header { text-align: center; font-size: 1.5em; color: #ff6b6b; font-weight: bold; margin-bottom: 20px; text-shadow: 0 0 10px rgba(255, 107, 107, 0.5); } .warning-content p { margin-bottom: 10px; padding-left: 20px; position: relative; } .warning-content p::before { content: '⚠️'; position: absolute; left: 0; } .tutorial-navigation { text-align: center; margin-top: 40px; } .nav-buttons { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; } .forge-access-button, .continue-button { padding: 15px 30px; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 1.1em; transition: background 0.2s ease; border: 2px solid; } .forge-access-button { background: rgba(138, 43, 226, 0.3); border-color: rgba(138, 43, 226, 0.6); color: #dda0dd; } .forge-access-button:hover { background: rgba(138, 43, 226, 0.5); } .continue-button { background: rgba(100, 149, 237, 0.3); border-color: rgba(100, 149, 237, 0.6); color: #87ceeb; } .continue-button:hover { background: rgba(100, 149, 237, 0.5); } @media (max-width: 768px) { .feature-grid, .strategy-grid, .access-grid { grid-template-columns: 1fr; } .nimeria-explanation, .closing-explanation { flex-direction: column; text-align: center; } .nav-buttons { flex-direction: column; align-items: center; } .tutorial-title { font-size: 2em; } } </style> <<statSummary>> <<changeFace $currentNimeriaFace>>

<<if $rylanxserincontent === undefined>><<set $rylanxserincontent = false>><</if>><<if $rylanxserincontent>><<changeFetish "Rylan" "ArmpitFetish" 2.0>><</if>> <<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>><<set $timeOfDay = "afternoon">><<set $currentFace = $currentMarielFace>><<if $mariel_NTREvent1 || $mariel_NTREvent2 || $mariel_NTREvent3 || $mariel_CumAddiction > 0>><<set $NTRMarielxSeryk = true>><<else>><<set $NTRMarielxSeryk = false>><</if>><div class="chapter-container" style="background: linear-gradient(135deg, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 50%, rgba(210, 180, 140, 0.85) 100%); min-height: 100vh; padding: 20px;"> <div class="content-box" style="background: rgba(45,45,50,0.8); border: 2px solid rgba(100,100,100,0.3); border-radius: 15px; padding: 30px; margin: 20px auto; max-width: 900px;"> <div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #d4af37; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); margin-bottom: 10px;">Chapter 3 - Sparks in the Fog</h2> <h3 style="color: #f0e68c; font-size: 1.4em; font-style: italic; margin-bottom: 5px;">Afternoon - Mariel's Perspective</h3> <p style="color: #ddd; font-size: 1.1em;">A letter from the capital brings painful memories...</p></div> <div class="narrative-section" style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 25px; margin-bottom: 25px; line-height: 1.6;"> <img src="images/mariel/face.webp" style="width: 100px; height: 100px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.3); float: right; margin: 0 0 20px 25px;"> The afternoon sun streams through our bedroom window as I sit at my small writing desk, but the warmth does nothing to chase away the chill that's been settling in my bones lately. <<print $humanName>> and the others are out on their training, leaving the house unusually quiet. A knock at the door interrupts my melancholy. The mail carrier hands me a letter bearing the royal seal - from Thalor. My heart immediately tightens with dread. Letters from him have become increasingly rare and increasingly harsh. <div style="background: rgba(139, 69, 19, 0.3); border-left: 4px solid #8b4513; padding: 20px; margin: 20px 0; font-family: serif; font-style: italic; color: #f5deb3;"> <h4 style="color: #d4af37; margin-bottom: 15px;">Letter from Thalor</h4> To Mariel, What in the abyss is wrong with you? How many times do I have to say it? Stop asking me about that day. I will not write about it again, and I certainly won't pretend it didn't happen. I killed everyone in that throne room-yes, everyone. Including the children. Don't make me spell it out again. I did it for you. For <<print $humanName>>. Do you think I walked out of there smiling? Do you think I sleep peacefully? You keep clinging to shadows, ghosts that aren't there. So what if one of them had black hair? Or blue skin? Don't twist it into something it wasn't. I saw what I saw. I did what had to be done. And now you're telling me you took in two demons? Are you out of your mind? After everything? I don't care what story they told you. I don't care if they begged on bleeding knees. I don't want them there when I return. Do you understand me? I don't want to see them. You know how Gairos is. You know. And still, you test this line like a child playing with fire. As for more pressing matters- We received a report just days ago: Mistfen Reach is gone. Burned to ash. Plundered. Massacred. Bandits, they say, but all signs point to them being hired by some corrupt nobles. You remember-Gairos had family there. Had. No survivors. I'm still stuck here in the capital, but I'll be heading out soon to meet with Gairos. We'll investigate it ourselves. Keep your head down, Mariel. And keep them out of sight. -Thalor</div> The letter slips from my trembling fingers as tears begin to blur my vision. <span class="dialog-mariel">Blue skin... black hair...</span> The words echo in my mind as I think of Seryk and Nimeria. Could it be possible? Could they be...? No, that's impossible. Those children died long ago. I saw the bodies myself before Thalor forced me to leave. But the doubt gnaws at me. What if some survived? What if Thalor... what if he didn't kill them all? <span class="dialog-mariel">"Oh gods, what have I done?"</span> I whisper, my voice breaking as the full weight of Thalor's anger crashes over me. He's right to be furious. After everything we went through, after the nightmares that still plague him, I welcomed demons into our home. But they seem so kind, so gentle. Seryk's caring nature, the way he protects Nimeria... it's hard to reconcile with the monsters from our past. <<if $NTRMarielxSeryk>><<changeLust "Mariel" 4>>And yet... I can't deny the feelings that have been growing within me. The way my body responds to Seryk's presence, the dreams that have been haunting my nights since he arrived... The memory of that night in the bathroom floods back - the intoxicating scent, the overwhelming desire, the way I lost all control. Even now, thinking about it makes my cheeks burn with shame and arousal.<<changeLust "Mariel" 6>><<else>>Perhaps they truly are different from the demons we once fought. Perhaps Thalor's fears are unfounded, born from old trauma rather than present reality.<</if>> I bury my face in my hands and sob, overwhelmed by guilt, confusion, and a desire I don't understand and can't control.</div><<if $NTRMarielxSeryk>> <div class="scene-section" style="background: rgba(100,50,100,0.2); border: 1px solid rgba(150,100,150,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> The sound of my crying must have carried through the house, because suddenly I hear heavy footsteps approaching. Before I can compose myself, Seryk appears in the doorway, his expression immediately shifting to one of concern. <img src="images/seryk/faceworried.webp" style="width: 200px; border-radius: 10px; float: left; margin: 0 20px 15px 0;"> <span class="dialog-seryk">"Sunflower? What's wrong?"</span> His voice is gentle, filled with genuine worry as he steps into the room. I try to wipe my tears, but they keep flowing. <span class="dialog-mariel">"I... I did something really wrong in the past. Something terrible."</span> <span class="dialog-seryk">"Hey, it's fine."</span> He approaches slowly, his massive frame somehow managing to seem non-threatening. <span class="dialog-seryk">"We all make mistakes. Whatever it is, it doesn't define who you are now."</span> Without hesitation, he reaches out and gently wipes a tear from my cheek with his thumb, just like that night in the kitchen. The contact sends an immediate jolt through my body.<<changeLust "Mariel" 8>><<changeAffection "Mariel" "Seryk" 5>> <span class="dialog-seryk">"Come here."</span> He opens his arms, and before I can think, I step into his embrace. <img src="images/seryk/chapter3/afternoonmarielntr/hug1.webp" style="width: 350px; border-radius: 10px; margin: 15px auto; display: block;"> His arms wrap around me, strong and protective, and for a moment I feel safe. His scent surrounds me - that same masculine, intoxicating aroma that has been haunting my dreams.<<changeFetish "Mariel" "SmellFetish" 0.2>><<changeLust "Mariel" 6>><<changeAffection "Seryk" "Mariel" 5>><<changeAttraction "Seryk" "Mariel" 3>> At first, it's just comfort. Just two people sharing a moment of human connection. But then... <<if $mariel_CumNeed >= 50>><<changeLust "Mariel" 10>>The scent hits me full force and my body betrays me instantly. I can't help but inhale deeper, breathing in his warm, musky smell. My knees go weak as arousal floods through me like a tidal wave. <img src="images/mariel//stage2/pantieswet.webp" style="width: 200px; border-radius: 10px; float: left; margin: 0 20px 15px 0;"> <span class="dialog-mariel">"Oh..."</span> I gasp softly, my hands pressing against his broad chest as heat pools between my legs. Without conscious thought, my thighs begin to rub together, seeking any friction to ease the sudden, overwhelming need. The movement presses me closer against him, and I feel the hard planes of his body against mine. <img src="images/mariel/stage2/facewet.webp" style="width: 150px; border-radius: 10px; float: right; margin: 0 0 15px 20px;"> My hips shift forward slightly, almost involuntarily, and I feel something firm press against my lower abdomen. Seryk's breathing becomes heavier, and I realize with shock that he's becoming aroused too. The bulge against me grows harder, and the knowledge that I'm affecting him this way sends another wave of desire through my already overheated body.<<changeLust "Mariel" 12>><<changeLust "Seryk" 15>> The reality of what's happening suddenly crashes over me. I'm pressed against another man, aroused beyond reason, while my husband is away serving the kingdom. <span class="dialog-mariel">"I... I..."</span> I stammer, stepping back quickly, my face burning with shame and desire. <span class="dialog-seryk">"Sorry, excuse me."</span> Seryk's voice is strained, his own face flushed as he turns and hurries toward his room. I stand there trembling, my body still thrumming with need, watching him go. After a few minutes of trying to compose myself, curiosity and desire override my better judgment, and I find myself following quietly down the hallway. <div style="background: rgba(50,25,50,0.4); border-left: 3px solid #8b008b; padding: 15px; margin: 15px 0; font-style: italic;"> As I approach his door, I hear it - low, masculine moans coming from within. My heart pounds as I realize what he's doing.</div> Slowly, carefully, I push the door open just a crack and peer inside. <center><img src="images/seryk/chapter3/afternoonmarielntr/serykmasturbate1.webp" style="width: 400px; border-radius: 10px; margin: 15px auto; display: block;"></center> The sight that greets me steals my breath away. Seryk sits on the edge of his bed, his hand working furiously over his massive, erect member. His blue skin glistens with sweat, and his head is thrown back in pleasure as he strokes himself with desperate need. <span class="dialog-seryk">"Fuck... Mariel..."</span> he groans softly, and hearing my name fall from his lips in such a context makes my knees buckle. <<changeLust "Mariel" 15>><<changeFetish "Mariel" "VoyeurismFetish" 0.3>>I should leave. I should run back to my room and pretend this never happened. But I can't tear my eyes away from the magnificent sight of his arousal, the way his powerful body moves as he pleasures himself while thinking of me. <center><img src="images/seryk/chapter3/afternoonmarielntr/serykmasturbate2.webp" style="width: 400px; border-radius: 10px; margin: 15px auto; display: block;"></center> Finally, after what feels like an eternity, I force myself to step back and return to my room. But the image is burned into my mind - the size of him, the way he moaned my name, the desperate need in his movements. <<trackExperience "Mariel" "Voyeurism" 1>>I try to distract myself, but it's useless. Every time I close my eyes, I see him. My body is still on fire from our embrace, and the memory of watching him only adds fuel to the flames. The heat between my legs is unbearable, but I force myself to try to compose myself. I need to think about what just happened, about what this means for my marriage, for my family. But the images won't leave my mind - his powerful body, the way he moaned my name, the desperate need in his movements.<</if>><<else>> <div class="scene-section" style="background: rgba(100,100,150,0.2); border: 1px solid rgba(150,150,200,0.3); border-radius: 10px; padding: 25px; margin-bottom: 25px;"> The sound of my crying carries through the house, and soon I hear familiar footsteps approaching. <<print $humanName>> appears in the doorway, his face immediately creasing with concern when he sees my tears. <img src="images/rylan/faceworried.webp" style="width: 200px; border-radius: 10px; float: left; margin: 0 20px 15px 0;"> <span class="dialog-rylan">"<<print $marielToHuman>>? What's wrong?"</span> His voice is gentle but worried as he enters the room. <span class="dialog-mariel">"Oh, <<print $humanName>>... I received a letter from your <<print $humanToThalor>>. He's so angry with me."</span> Without hesitation, <<print $humanName>> crosses the room and wraps his arms around me in a comforting embrace. His familiar warmth helps ease some of the pain in my heart. <span class="dialog-rylan">"Whatever it is, we'll figure it out together. You know that, right?"</span> I lean into his embrace, grateful for his steady presence in my life. Even though he's grown into a strong young man, he still has that same gentle heart that made me want to protect him all those years ago.<<changeAffection "Mariel" "Rylan" 7>><<changeLust "Mariel" 2>> <center><img src="images/mariel/chapter3/hugrylan.webp" style="width: 400px; border-radius: 10px; margin: 15px auto; display: block;"></center> <span class="dialog-mariel">"He doesn't want Seryk and Nimeria here when he returns. I... I thought they might be connected to our past somehow, but he insists he killed everyone that day. He just can't bear to live with demons again, and he's terrified of what Gairos might do if he finds out we're harboring them."</span> <span class="dialog-rylan">"Gairos... he really hates demons that much?"</span> <span class="dialog-mariel">"More than you can imagine. And Thalor... the trauma from that day still haunts him. I understand his anger, even if it breaks my heart."</span> We hold each other in comfortable silence, and gradually my tears begin to subside. Whatever challenges lie ahead, at least I know I'm not facing them alone.</div><</if>></div></div><div style="text-align: center; margin-top: 30px;"><div style="background: rgba(139, 69, 19, 0.3); border: 1px solid rgba(160, 82, 45, 0.5); border-radius: 8px; padding: 20px;"> <<if $NTRMarielxSeryk>>[[Continue|Chapter3Morning]]<<else>>[[Continue|NimeriasLaboratory]]<</if>> </div></div> <<statSummary>> <<if !$characterStages>> <<set $characterStages = { mariel: 1, liora: 1, serin: 1, rylan: 1, seryk: 1, nimeria: 1, thalor: 1 }>> <</if>> <<setCharacterStage "mariel" 2>> <<soulDisplay "mariel">> <<changeFace $currentMarielFace>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="strategy-container" style="background: linear-gradient(to bottom, rgba(70, 130, 180, 0.85), rgba(100, 149, 237, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🗺️ Strategy Planning 🗺️</p> <p style="color: white; font-size: 1.1em;">Chapter 3 - Preparing for the Blightwood</p></div> <div class="finding-quiet-spot" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*We find a quiet corner of the guild hall, away from the lingering stares and whispers. Elena has provided us with a basic map of the Blightwood area, and we spread it out on a small table.*</p> <center><img src="images/landscapes/blightwoodmap.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The map shows the Blightwood as a dark, twisted forest with several marked paths and what appear to be ruins deeper within.*</p></div> <div class="initial-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Alright, let's think this through. Elena mentioned the poisonous atmosphere will slowly drain our health, but with Liora's healing abilities, that shouldn't be a major concern.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">True, but we should still be careful about our positioning. If the monsters are weak but the environment is dangerous, we want to end fights quickly.</span></p><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">I can handle the front line with $humanName. My resistance to toxins should help, and I can draw most of the aggression.</span></p><div style="clear: left;"></div></div> <div class="mana-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">The main advantage we have is Liora's mana regeneration. She should be able to keep us all healthy throughout the mission without any problems. Her natural mana recovery is excellent.</span></p><div style="clear: left;"></div> <<if $serykxliorantr === true || $serykxliorantr === "stage1">> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">R-right... I should be able to... keep everyone healthy...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*There's something hesitant in her voice that makes me look at her more closely. She's avoiding eye contact, and her hands seem to tremble slightly.*</p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Are you feeling alright, Liora? You seem... uncertain about something.</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">I'm fine! I just... want to make sure we're all prepared for any complications.</span></p><div style="clear: left;"></div> <<else>> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">That's right! I've been practicing my healing techniques, and my mana flows smoothly. I should be able to keep everyone at full health throughout the mission.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her confidence is reassuring. I can see the gentle golden glow around her hands as she unconsciously channels a small amount of healing energy.*</p><div style="clear: left;"></div> <</if>></div> <div class="formation-strategy" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">So our formation should be Seryk and $humanName up front, me providing mobile support, and Liora and Nimeria staying protected in the rear?</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">I can contribute more than you might think. I may not have magic, but I have extensive knowledge about monsters and their weaknesses that could help in tricky situations.</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Good to know. What about this 'Effnain' that Elena mentioned? A talking goblin sounds... unusual.</span></p><div style="clear: left;"></div></div> <div class="talking-goblin-discussion" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">I've never heard of a talking goblin before. That's... completely unheard of. If it's real, something very unusual must be happening in that forest.</span></p><div style="clear: left;"></div> <img src="images/nimeria/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">If we do encounter this 'Effnain,' we should try talking first. Intelligence means potential for negotiation, and we might learn something useful about what's happening in the forest.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">Agreed, but we stay ready for combat. Smart goblins can be more dangerous than regular ones.</span></p><div style="clear: left;"></div></div> <div class="poison-countermeasures" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">What about the poisonous atmosphere? Besides Liora's healing, do we have any other countermeasures?</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">I mentioned my poison resistance earlier. I've built up immunity to most toxins, so I should be less affected than the rest of you.</span></p><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">My demon constitution helps too. I can probably last longer in the toxic environment than most humans.</span></p><div style="clear: left;"></div> <<if $serykxliorantr === true || $serykxliorantr === "stage1">> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">Maybe... maybe we should bring some healing potions as backup? Just in case...</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Her suggestion surprises me. Liora has always been confident in her healing abilities before. Why is she suddenly worried about backup?*</p><div style="clear: left;"></div> <<else>> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-liora">With my healing and everyone's natural resistances, we should be well-prepared. I'll make sure to monitor everyone's condition constantly.</span></p><div style="clear: left;"></div> <</if>></div> <div class="final-strategy" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-rylan">Alright, here's our plan: We move in formation with Seryk and me in front, Serin providing mobile support, and Liora and Nimeria in the rear. We prioritize quick, efficient combat to minimize exposure to the toxic environment.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-serin">If we encounter the talking goblin, we try diplomacy first, but stay ready for combat. And if anyone starts feeling seriously affected by the poison, we retreat immediately.</span></p><div style="clear: left;"></div> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-nimeria">Sounds like a solid plan. I'll keep an eye out for any unusual patterns or signs that might explain the blight or the intelligent goblin.</span></p><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px;"><span class="dialog-seryk">Then let's get moving. The sooner we start, the sooner we can complete this mission and get back to fresh air.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*With our strategy decided, we gather our equipment and prepare to head out. Everyone seems confident about the mission, though I notice Liora still looks somewhat uncertain.</p></div> </div> <<if $serykxliorantr === true || $serykxliorantr === "stage1">><<changeLust "Liora" 3>><<changeAffection "Rylan" "Liora" 1>><<else>><<changeAffection "Rylan" "Liora" 2>><<changeAffection "Liora" "Rylan" 1>><</if>><<changeAffection "Nimeria" "Liora" 2>><<changeAffection "Seryk" "Nimeria" 1>><<changeCombatStat $humanName "technique" 1>><<changeCombatStat "Serin" "agility" 1>> [[Head to the Blightwood with the decided strategy|BlightwoodJourney]] <<changeFace $currentRylanFace>> <<statSummary>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(135, 206, 235, 0.95) 0%, rgba(144, 238, 144, 0.98) 50%, rgba(255, 182, 193, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"><div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #4682B4; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> 🌅 Returning to the Present 🌅 </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #20B2AA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> The memories fade as the afternoon light streams through the windows... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #32CD32; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> Two souls who found each other in darkness, now preparing for whatever comes next...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|NimeriaShoppingDate]]</span></div></div></div><<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>><<set $currentFace = $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('gairosconfrontation.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(255, 69, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF4500; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🔥 EXPLOSIVE CONFRONTATION 🔥</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">In an instant, everything changes. Magical energy erupts around Gairos like a volcanic explosion, crackling and swirling with terrifying intensity. The very air seems to ignite as raw power radiates from his imposing form.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The aura surrounding him feels absolutely suffocating, like being trapped in a furnace. The magical pressure is so intense that I can't even draw breath properly. My entire body locks up-every muscle refusing to obey my commands.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">I can't move... I can't even breathe! This power-it's beyond anything I've ever felt. Is this what real magic looks like?</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">In a split second-faster than thought itself-a massive fireball materializes in Gairos's left hand. No incantation, no casting time, no preparation. The sphere of flame radiates such tremendous heat that I can feel my skin beginning to burn from twenty feet away.</span></div> <center><img src="images/story/chapter4/gairosfight/gairoscastfireball.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">How is this possible? Magic that powerful should require lengthy casting, complex rituals, enormous mana reserves! But he just-</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I don't get time to think. I don't even get time to process what's happening. Suddenly, <<print $humanToThalor>>'s massive hands slam into my shoulders, dragging me down to the ground with bone-jarring force.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"GET DOWN!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">From my position flat against the ground, I watch in absolute terror as the fireball streaks through the air where my head had been just a moment before. The heat alone is enough to singe my hair as it passes overhead.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I hear the thunderous crash as the fireball impacts something hard in the distance, followed by the distinctive sound of magical energy splitting and fragmenting. From my ground-level perspective, I watch in horror as one blazing piece of the shattered fireball streaks past, tearing through our solid stone fence as if it were made of soft butter.</span></div> <center><img src="images/story/chapter4/gairosfight/stonefence.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">That fence... it's three feet thick, reinforced with iron bars, built to last centuries. And he just... vaporized it. If <<print $humanToThalor>> hadn't pulled me down...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Chunks of molten stone rain down around us, still glowing with residual magical heat. The acrid smell of vaporized rock fills the air, mixed with the sharp ozone scent of unleashed magic. In the sudden silence that follows, I can hear the terrified gasps of Liora and Serin somewhere behind us.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">That fireball was meant to kill me. If I had been standing there for even a second longer, I would be nothing but ash right now.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What the hell just happened?!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Where Seryk and Nimeria were standing just moments ago, there's now nothing but a thick wall of billowing smoke and dust. The magical explosion has created an impenetrable gray cloud that obscures everything beyond the immediate area around our house. I can't see them at all-I can't even tell if they're still there or if they've fled.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue...|POVTransitionToNimeria]] </div><<changeFace $currentRylanFace>><<statSummary>>

<div style="background: linear-gradient(145deg, rgba(75, 0, 130, 0.85), rgba(139, 0, 139, 0.9)); padding: 20px; border-radius: 10px; text-align: center; margin: 20px 0; min-height: 400px; display: flex; flex-direction: column; justify-content: center;"> <<timed 1s>><h3 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px; font-size: 1.8em;">~ Nimeria's Perspective ~</h3><</timed>> <<timed 3s>><p style="color: #E6E6FA; font-style: italic; margin: 0; font-size: 1.2em;">The world shifts to show what happened through different eyes...</p><</timed>> <<timed 6s>><<set $currentFace = $currentNimeriaFace>><<goto "NimeriaWitnessesAttack">><</timed>> </div>

<<script>>window.AudioSystem.playBGM('serykburned.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💔 Nimerias Perspective 💔</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic;">I'm so exhausted from chasing after Seryk that I can barely keep up. My legs feel like lead, my breathing is ragged, and spots dance in front of my eyes. I don't even notice the sudden magical pressure filling the air...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">Why did he have to run so fast? I just wanted to tease him more about his "date" with <<print $humanName>>...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic;">Then, in an instant, everything changes. Seryk suddenly spins around with that familiar smile on his face-the same protective expression as someone from the past. He leaps in front of me, his massive frame completely blocking my view of whatever lies ahead.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">That smile... I've seen it before. But who does it remind me of? Someone who protected me when I needed it most...</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"...Mira?..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic;">For a moment, I'm transported back to that throneroom... But then I see it-the orange glow reflecting off Seryk's skin, the intense heat making the air shimmer around us.</span></div> <center><img src="images/story/chapter4/gairosfight/seryk.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">Fire? Behind him? What is-</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic;">The fireball crashes into Seryk's back with a sickening sound-like meat hitting a hot pan. The impact is so violent that I feel the shockwave ripple through the ground beneath my feet.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic;">Everything goes dark for an instant. The magical explosion creates a blinding flash followed by complete blackness. All I can hear are the screams-terrified, agonized sounds coming from behind us. Liora's voice. Serin's voice. <<print $humanName>>'s voice.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"><<timed 5s>><<set $currentFace = $currentRylanFace>> <div style="background: linear-gradient(145deg, rgba(139, 0, 0, 0.85), rgba(255, 69, 0, 0.9)); padding: 20px; border-radius: 10px; text-align: center; margin: 20px 0;"> <h3 style="color: #F5DEB3; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 15px;">~ Back to <<print $humanName>>'s Perspective ~</h3> <p style="color: #FFF8DC; font-style: italic; margin: 0;">The smoke clears, revealing the devastating aftermath...</p></div> [[Continue...|GairosAftermath]] <</timed>></div></div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('serykburned.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(255, 69, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF4500; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💀 THE PRICE OF PROTECTION 💀</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I struggle to my feet, my ears still ringing from the magical explosion. <<print $humanToThalor>>'s protective grip finally loosens as the immediate danger seems to pass. The thick smoke that had obscured everything is finally beginning to dissipate in the evening breeze.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As my vision clears, I see Nimeria. She's kneeling on the ground about thirty feet away, completely motionless except for the trembling of her hands. Her face is pale as death, eyes wide with shock and horror.</span></div> <center><img src="images/nimeria/faceshocked.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">In front of her lies what was once Seryk. I have to fight the urge to vomit as I take in the horrific sight. His back is completely melted away, revealing charred ribs and internal organs. The magical fire has burned so intensely that parts of his spine are visible through the devastation.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Oh god... he's still breathing. Somehow, impossibly, he's still alive. But for how long?</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The sound of rapid footsteps draws my attention as <<print $humanToMariel>> bursts out of the house, probably drawn by the explosion and screams. The moment she sees Seryk's condition, her training as a former priestess kicks in.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Sweet goddess... hold on, Seryk! I'm here!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanToMariel>> rushes to Seryk's side, her hands already glowing with healing magic. But even from here, I can see the uncertainty in her movements. How do you heal wounds this severe? Can anyone survive having most of their back burned away?</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Behind me, I hear Liora's sobbing. She's seen the aftermath now, and the usually composed healer is completely overwhelmed by the carnage. I don't blame her-this is beyond anything we've encountered in our small-scale adventures.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">"I... I don't know what to do... This is too much..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Neither do I, Liora. Neither do I. This wasn't supposed to happen. We were just coming home from a nice afternoon out, and now...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">A new sound cuts through the chaos-the distinct crackle of magical energy building again. My blood runs cold as I turn to see Gairos raising his left hand once more. Another fireball is already beginning to form in his palm, this one aimed directly at the group around Seryk.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">He's going to finish them off. Nimeria, <<print $humanToMariel>>, and the barely-alive Seryk-they're all in his line of fire!</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"NO! Stop!"</span></div><div style="clear: left;"></div></div> <center><img src="images/story/chapter4/gairosfight/gairoscastfireball.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[The second attack begins...|GairosSecondAttack]] </div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('gairoscounterattack.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(255, 69, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF4500; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💀 IMPOSSIBLE POWER 💀</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Serin's attack landed perfectly. The knife is still buried in Gairos's stomach, and for a moment, hope surges through my chest. We did it! The fireball's violent energy begins to dissipate as his concentration breaks...</span></div> <center><img src="images/story/chapter4/gairosfight/gairosknife.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Finally! Even the legendary Gairos can't cast with a knife through his stomach!</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"...That's all?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My blood turns to ice as Gairos calmly reaches down and pulls Serin's knife from his stomach with the same casual motion someone might use to remove a splinter. No pain, no struggle-just mild annoyance.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Where the blade had pierced through his robes, I can see the wound-and then I watch in absolute horror as the flesh simply... closes. No healing magic. No incantation. No glowing light. The wound just seals itself as if it never existed.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">How is that possible?! He's not even casting healing magic!</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"It's his passive ability... his wounds will instantly heal. As long as he has mana. And his mana storage is basically unlimited. Even losing an arm won't stop him for long..."</span></div><div style="clear: left;"></div></div> <img src="images/thalor/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"He didn't have this power in the past!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Wait... when even <<print $humanToThalor>> doesn't know about this power, how come Nimeria does?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Correct. I told you I'm a lot stronger than before. Even Azgorth wouldn't have a chance against me now. So what do you think you can do?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos raises his hand again, magical energy already beginning to swirl around his palm. This time, there's no dramatic buildup-just the promise of instant death.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"Gairos, stop! The Holy Kingdom!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos pauses, his hand still glowing with lethal energy.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"What do you mean?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"I will help you conquer them."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos considers this for a long moment, his cold eyes scanning our desperate group. Then he looks around at all of us-the wounded, the terrified, the broken.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"No... I want them all."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"What do you mean?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"All five of you..."</span> *His gaze shifts to Seryk's burned form* <span style="color: #4169E1;">"If it survives, all six will join me."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanToThalor>> looks directly at me, his eyes filled with pain and regret. He closes them for a moment, then whispers so quietly I can barely hear.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"Sorry..."</span> *Then louder* <span class="dialog-thalor">"We agree, Gairos."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Fine. Then go ahead."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos turns and walks toward our house with casual confidence, as if he owns it already. Which, I suppose, he does now. A sigh of relief escapes my lips-we're alive, at least for now.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But then <<print $humanToMariel>>'s voice cuts through the momentary calm.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Liora! I need your help!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Liora rushes to Seryk's side, but the moment she sees the full extent of his injuries, she freezes. Her face goes pale, her hands begin to shake, and she just... stops.</span></div> <center><img src="images/liora/faceshock.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The sharp crack of <<print $humanToMariel>>'s hand across Liora's cheek echoes through the yard.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"A healer can't get shocked by their patient's wounds! Now cast your heal! Focus on the more important parts-his organs, nerves, veins. Ignore his bones, skin, and muscles for now. Only focus on keeping him alive!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria rushes inside the house and returns moments later with an armful of healing potions, her face set with determination. Meanwhile, Serin, <<print $humanToThalor>>, and I can only watch and pray as the two healers work desperately to save Seryk's life.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[The fight for Seryk's life begins...|KitchenConfrontation]] </div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('kitchenconfrontation.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(85, 85, 95, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #CC0000; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🏠 KITCHEN TENSIONS 🏠</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">An hour has passed in agonizing uncertainty. Mariel and Liora have been switching shifts every twenty minutes, one healing Seryk while the other rests to recover their mana. Currently, it's Liora's turn to channel her golden healing magic into his broken body, while Mariel sits here with us, her hands still trembling with exhaustion.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The kitchen table has become our uncomfortable war council. Nimeria sits on the floor beside us like some discarded doll, while the rest of us occupy the chairs in tense silence. The sight of her forced degradation makes my stomach churn, but with Gairos watching every movement, I dare not protest.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Let me make something crystal clear-I'm taking residence here until this Holy Kingdom business is resolved. Consider it a temporary arrangement for your own protection."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Protection? You nearly killed us! You can't just waltz in here and-"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"The master bedroom will suit my needs perfectly."</span> *his voice carrying the finality of carved stone, completely dismissing her words*</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"That's our bedroom! Where are Thalor and I supposed to sleep?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Thalor."</span> *his voice sharp as winter steel* <span style="color: #4169E1;">"Control your woman before I lose my patience."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanToMariel>> stands up abruptly, her chair scraping against the floor with a harsh sound that cuts through the tension.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"I won't stand for this degradation in my own home! You nearly murdered our family, destroyed our yard, and now you want to play house with us? What gives you the right?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"Mariel, please... not now."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Don't you 'not now' me! And look what he's done to Nimeria!"</span> *she gestures toward the girl on the floor with trembling fury* <span class="dialog-mariel">"She's family to us, and he's treating her like some animal! Making her sit on the ground while we-"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <center><img src="images/story/chapter4/gairosafter/nimeriafloor.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span class="dialog-nimeria">"Really, Mariel, I appreciate your concern, but I'm perfectly comfortable here."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"No, it's NOT fine! None of this is fine!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"MARIEL! ENOUGH!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The sharp crack of Mariel's fist hitting the table echoes through the kitchen before she storms out, leaving us all in stunned silence.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">We all sit in uncomfortable silence, staring down at the table. Nimeria, forced to sit on the floor like some kind of animal, is the only one who seems completely unbothered, maintaining her usual gentle smile as if nothing has happened.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">"Do you think... do you think Seryk will survive this?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Survive? Perhaps. But whole? Never."</span> *his voice clinical, detached* <span style="color: #4169E1;">"The damage I inflicted goes beyond flesh-nerves, spine, internal organs. Even if your precious healers knit the pieces back together, he'll never be the same. A broken shell of what he was."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan" style="font-style: italic;">Fury boils inside me, but I force myself to swallow the anger. I have to, to avoid provoking Gairos. But then Nimeria's voice cuts through the silence as if she doesn't have a care in the world.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Actually, I think he'll recover completely."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Bold words for a creature sitting on my floor."</span> *his tone shifts from irritation to intrigue* <span style="color: #4169E1;">"What makes you so confident when I've just described the extent of the damage?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Call it intuition. But I'm confident enough to wager on it-if you're interested?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"A wager? Now you have my attention, little demon. What exactly are you proposing?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Just some better treatment. I would really like to learn from the almighty Gairos. Sole conqueror of Azgorth. But honestly this title doesn't even honor your current might. I'm curious how the strongest person alive, who was on par with Azgorth now even doubled... no tripled his strength? And I doubt we even saw what you are really capable of!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She pauses, looking almost embarrassed by her own words.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Honestly why aren't you sitting on a throne, you should be worshipped, rather than some fat noble who lets others do their work!... Oh sorry I spoke out of line. I just get sometimes emotional when seeing such might."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos sits back, clearly shocked by her words, thinking for a long moment before breaking into laughter.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Hahaha you are really good with words. Why are you sitting on the floor! Thalor how are you treating this poor girl! Come join us on the table!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria gets up and sits at the table.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Children and Thalor you could honestly learn from her!"</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan" style="font-style: italic;">I'm shocked. How can she praise the man who might have killed or at least crippled her brother?!</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But Thalor's expression is even more shocked as he stares at Nimeria. It's like he's seeing something that shouldn't exist.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"I find myself curious about you. What do they call you, little one?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Nimeria, Master Gairos."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Nimeria... I'll remember that name."</span> *his eyes narrow* <span style="color: #4169E1;">"But pretty words won't buy my trust. I don't know you or your blue friend yet."</span> *he twirls his finger, magic crackling* <span style="color: #4169E1;">"So here's a little insurance-truth compulsion. Lie to me now, and it'll hurt. Let's test it. Tell me you've never been a slave."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I have never been enslav-"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The lie hits her like a whip. Nimeria screams and convulses in her chair, her usual composure cracking for just a moment.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Good. It works."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria sits there sweating, but her smile returns quickly.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"So how do you feel that I nearly killed your brother?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Honestly? At first I was shocked. But then... overwhelmed by your power! As for Seryk, I don't care much. If he can't survive this, then it's his own fault."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Everyone stares at Nimeria in shock. How can she be so cold toward her own brother? And she was never like this before...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos waits a bit, but doesn't see any pain in her face, then smiles.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Interesting... Regarding Azgorth, I killed him. Not only him but his whole family. Burned all his servants and soldiers and killed most demons I met on my way, even till now. How does that make you feel?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Hmm, let me answer with another question. I'm sure someone of your knowledge even learned about demon mythology?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"A bit. You know, it's always good to know your enemy."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facehappy.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Exactly! We think alike!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">*raises an eyebrow*</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Then you might have read about 'the cursed child'?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos thinks for a few minutes, as if he's sorting through centuries of memories. Then his eyes widen with recognition.</span></div> <div style="text-align: center; margin: 30px 0; background: linear-gradient(145deg, rgba(20, 20, 30, 0.95), rgba(40, 40, 50, 0.9)); border: 3px solid rgba(200, 150, 100, 0.6); border-radius: 15px; padding: 25px; box-shadow: 0 0 20px rgba(200, 150, 100, 0.3);"> <h3 style="color: #DAA520; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 20px; font-size: 1.5em;">📜 THE PROPHECY OF THE CURSED CHILD 📜</h3> <div style="color: #F5DEB3; font-style: italic; line-height: 2; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);"> <em>"With hair of midnight, eyes of red, The child shall wake where stars have bled. The earth shall whisper, the sky shall scream, For they are both the curse and dream. They fall to shadow, they fall to fire, Yet rise again from ash and pyre. No blade can keep them, no grave can bind, Their soul outpaces death and time. Each death a vow, each wound a flame, Each tear a key, each scar a name. Through endless ends their strength will bloom, From shattered cradle, from silent tomb. The crown of ages, the throne of bone, Shall break and bend before the unknown. Shall they renew what light decays? Or drown the sun in crimson haze? The black-haired child, with gaze of fire, Shall build or burn as fate conspire. Beware the echo, the breath, the call- For death is nothing. They rise from all."</em></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Everyone sits in shocked silence after hearing the ancient prophecy.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facehappy.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Wow, I knew you're amazing, Master Gairos. Can I call you master? I don't even know anyone remembering the first rhyme..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Hahaha, well I learned a few things during my lifetime. Sure, go ahead and call me Master Gairos. At least someone here knows how to respect their betters."</span> *he looks around the table pointedly* <span style="color: #4169E1;">"But you haven't answered my question!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Hmm, I didn't?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Hmmm, now I get it. Black hair and red eyes..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Exactly! I was ostracized by demons my whole life. Treated worse than a slave! Azgorth and his family? Got what they deserved! The demons? Can burn in hell!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Hahahaha, this is great. Simply amazing. I didn't think I could ever like a demon!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Believe me, if I could change my race, I would rather become a snail..."</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan" style="font-style: italic;">I'm shocked. Is this really the same Nimeria we all know? Who is this, and where is Nimeria?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Okay, last question for today. You knew about my passive self-healing ability. I only developed it after my fight with Azgorth. How do you know of it?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Thalor wonders too, since even he never knew about this ability.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I read it in one of your books and was simply amazed by the knowledge you wrote down! Of course I remember everything!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"I never published any of them!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Yes, Seryk and I lived as slaves in Mistfen Reach, but were never treated as such. Thalindra..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Thalindra... my niece?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"She was always so kind. I learned so much from her... She let me read your books in the library."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Hmm. Then you were there during the attack?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Seryk and I were getting water. When we came back, the village was already burned down."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"You know who did it?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I saw one of the attackers' face. It was one of the slave traders who occasionally traded with the village."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria feels the rage building in Gairos.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Thanks, Nimeria. You are a smart girl, born in the wrong body... I'll keep my promise. If your brother survives, then you'll get better treatment. If not, I'll send you with him. Though the interrogation isn't over yet. Once your brother awakens, I want to make sure you both didn't have anything to do with the attack!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Fair enough! Can I excuse myself now? I'm beyond exhausted."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Nimeria has a weak body..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Poor girl... born as a demon... I don't even feel mana in her and she has a weak body... the world can be cruel sometimes... Sure, rest up, Nimeria!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria stands and heads toward the stairs. After she leaves, we all sit in uncomfortable silence.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor" style="font-style: italic; color: #8B4513;">Is that really Gairos? Remembering the name of a girl? Even more so of a demon girl? Treating her with kindness? Thanking a person? Having sympathy? I never feared anyone, sure I respect Gairos's power and know not to provoke him, but that's all. Azgorth was powerful for sure... But did I fear him? Not really. But this girl is wrong on so many levels. If there is a dark god, it's her. Her body so weak she would break like a twig, but showing no fear toward Gairos. Taming him like a puppy. Mariel... who or rather what the hell did you let into our home...</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue...|LioraHealingSession]] </div></div><<changeFace $currentRylanFace>><<statSummary>> <<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects && State.variables.serykxliorantr) { window.FloatingEffects.addEffect('Liora', 'blue', 'images/chibi-models/seryk.webp'); } }, 500); }); <</script>>

<<script>>window.AudioSystem.playBGM('kitchenconfrontation.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(135, 206, 235, 0.4) 0%, rgba(255, 228, 196, 0.6) 50%, rgba(176, 196, 222, 0.5) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">✨ A Concerned Visit ✨</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I pause my healing work, wiping sweat from my brow as I rise from Seryk's bedside. My hands are trembling slightly from the hours of continuous magic use, and I can feel the familiar ache of mana exhaustion settling into my bones.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">Come in, <<print $humanName>>.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The door opens quietly, and <<print $humanName>> steps inside, his face etched with worry. His eyes immediately move from me to Seryk's still form on the bed, taking in the scene with obvious concern.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Liora, are you alright? You've been in here for hours. I was getting worried about you.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I manage a tired smile, touched by his concern even as exhaustion weighs heavily on my shoulders. The golden glow around my hands flickers weakly as my mana reserves near their limit.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">I'm... I'm managing. Just tired. Healing magic this intensive takes a lot out of me, especially for injuries this severe.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">And Seryk? How is he doing? Will he... will he be okay?</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I glance back at Seryk's unconscious form, my expression growing somber. How do I explain the extent of the damage? The complexity of what Gairos did to him?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">He'll survive, <<print $humanName>>. That much I can promise you. His body is responding to the healing magic, and his vital signs are stable.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I pause, choosing my words carefully. There's no easy way to explain the devastation Gairos inflicted.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">But I can't say whether he'll be the same as before. Gairos didn't just wound him - he systematically destroyed the nerve pathways along Seryk's spine. The bones were shattered, then reformed wrong, and the muscle tissue was... corrupted.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">I've managed to heal the surface wounds and restore basic function, but the deeper damage... it's like trying to rebuild a tapestry that's been unraveled thread by thread. Even if I can repair everything, there might be lasting effects.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanName>>'s face pales as he absorbs the severity of Seryk's condition. I can see the guilt flickering in his eyes - the weight of feeling responsible for what happened.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">This is all my fault. If I hadn't been so reckless, if I'd listened to everyone's warnings about Gairos...</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">No, <<print $humanName>>. Don't you dare blame yourself for this. Gairos made his choice to hurt Seryk. You couldn't have known he would be so viciously cruel.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I reach out and place a gentle hand on his arm, trying to offer what comfort I can despite my own exhaustion.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">Right now, I need to focus on doing everything I can to help him recover. The best thing you can do is trust that I won't give up on him. I promise you that.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanName>> nods slowly, though I can see the worry still etched deep in his features. He glances once more at Seryk's unconscious form before looking back at me with gratitude in his eyes.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Thank you, Liora. For everything you're doing for him. Just... please don't push yourself too hard. We can't afford to lose you too.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">After he leaves, I turn back to Seryk with renewed determination. Whatever it takes, I'll find a way to heal him completely. I have to.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue healing...|POVTransitionToRylanContemplation]] </div></div></div><<changeFace $currentLioraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('kitchenconfrontation.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(135, 206, 235, 0.4) 0%, rgba(255, 228, 196, 0.6) 50%, rgba(176, 196, 222, 0.5) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">✨ Healing Seryk ✨</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The soft glow of healing magic illuminates the guest room as I channel my energy into Seryk's battered form. Hours have passed since we moved him here, and while the progress is remarkable, his condition remains critical. His external wounds have closed, the burns faded to mere shadows on his blue skin, but something deeper troubles me.</span></div> <center><img src="images/story/chapter4/gairosafter/serykbed.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">His body looks completely healed on the surface, but I can sense the deeper damage. The nerves along his spine, the intricate network of muscles that should respond to his will... they're still severed, still broken. It's miraculous that we've managed to heal him this far. Almost... strangely so.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I press my palms against his chest, feeling the steady rhythm of his heartbeat beneath my touch. The golden light flows from my hands, warm and soothing, but I can feel my mana reserves dwindling with each passing moment.</span></div><<if $serykxliorantr>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">But then it happens again-that familiar emptiness as my mana reserves hit their limit. Ever since the goblin attack, when I overloaded my circuits trying to heal myself multiple times, my natural regeneration has been... wrong. Damaged. And it's getting worse, not better.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I pull my hands back, frustrated tears threatening to spill. How can I help him when my own body betrays me? Before, Seryk had helped me recover by sharing his... his saliva. The memory makes my cheeks burn, but it had worked so perfectly. But now he's unconscious, unable to help.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">That's when I notice it-the way the candlelight catches the beads of sweat on his muscular chest. His body is working so hard to heal, generating heat, and his skin glistens with a fine sheen of sweat. My breath catches as a dangerous thought crosses my mind.</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/ntr/seryksweat.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">If his saliva contained the essence I needed... wouldn't his sweat carry the same properties? The thought sends a shiver through me, equal parts shame and anticipation. My eyes trace the droplets rolling down his defined abdomen, pooling in the hollows of his collarbone.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">But should I really? It would mean... touching him so intimately while he's defenseless. Using my tongue to... No, I can't think about it like that. This is about healing. About saving his life. Isn't it?</span></div><div style="clear: left;"></div></div><div style="text-align: center; margin: 30px 0;"> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px; margin-bottom: 15px;"> [[I have to try... for his sake|POVTransitionToRylan]]</div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[No, there must be another way|LioraSeekAlternative]] </div></div><<else>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">I take a deep breath and center myself, drawing upon the training <<print $humanToMariel>> taught me. Patience, focus, and unwavering determination. Seryk's life hangs in the balance, and I won't give up on him.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I continue channeling my healing magic, the golden light flowing steadily from my palms. Each pulse of energy fights against the damage Gairos inflicted, slowly mending the complex network of nerves and muscle fibers. Time becomes meaningless as I lose myself in the rhythm of healing.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Then, a gentle knock at the door breaks my concentration.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Answer the door|LioraDoorInterruption]] </div><</if>></div></div><<changeFace $currentLioraFace>><<statSummary>><<if $serykxliorantr>><<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects && State.variables.serykxliorantr) { window.FloatingEffects.addEffect('Liora', 'blue', 'images/chibi-models/seryk.webp'); } }, 500); }); <</script>><</if>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>><<if !$morningVisitedToday.includes("Liora")>><<set $morningVisitedToday.push("Liora")>><</if>><div class="liora-visit-container" style="background: linear-gradient(to bottom, rgba(255, 240, 245, 0.9), rgba(255, 228, 225, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255, 182, 193, 0.5);"><div class="scene-header" style="background: rgba(255, 192, 203, 0.8); border: 1px solid rgba(255, 105, 180, 0.6); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #8B008B; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💕 A Sweet Morning Visit 💕</p><p style="color: #FF69B4; font-size: 1.1em;">Innocent hearts growing closer</p></div><div class="story-content" style="background: rgba(255, 250, 250, 0.6); border: 1px solid rgba(255, 182, 193, 0.4); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">I knock gently on Liora's door and peek inside. She's sitting by her window, reading a book with the morning light streaming across her face. She looks up with a bright smile when she sees me.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Good morning, <<print $humanName>>! I was just reading about magical healing techniques. Did you want to spend some time together?</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">"Actually, would you like to come to my room? I thought we could talk more privately there."</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Of course! I'd love that.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">We make our way to my room together, and I close the door behind us. Liora sits on the edge of my bed, smoothing down her dress nervously but with a sweet smile on her face.</span></div> <center><img src="images/liora/sitting.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">As we sit and talk, I notice Liora seems distracted. She keeps placing her hand on her stomach and getting a distant look in her eyes.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">"Is everything alright, Liora? You seem... thoughtful."</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Oh! Um... I was just remembering something Nimeria taught me about healing magic. She said I should practice it while thinking about... about people I care about.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">Liora's thoughts drift back to Nimeria's words: "Focus the healing magic on your stomach area while imagining how <<print $humanName>> feels." As she remembers this, she feels a strange warmth spreading through her lower body, making her cheeks flush even more.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">The magical energy seems to concentrate between her legs, creating a tingling sensation she's never felt before. She shifts uncomfortably, trying to understand what's happening to her body.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora"><<print $humanName>>... could you close your eyes for a moment? I want to... I want to do something nice for you.</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">"Of course, Liora. Whatever you want."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">I close my eyes as she requested, wondering what sweet surprise she has in mind. I feel the bed shift as she moves closer to me, and then...</span></div> <center><img src="images/liora/chapter4/rylankissing/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">Soft, warm lips press against mine in the most gentle, innocent kiss. Liora's lips are tender and sweet, moving carefully against mine as if she's being very thoughtful about each moment.</span></div> <center><img src="images/liora/chapter4/rylankissing/2.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <<if $liora_NimeriaKissCount > 0>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">Liora remembers Nimeria's lessons about kissing, applying the techniques she learned. She varies the pressure and rhythm, making each kiss feel more intentional and passionate while still maintaining her innocent sweetness.</span></div><</if>> <center><img src="images/liora/chapter4/rylankissing/3.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">We kiss again and again, soft pecks that gradually become longer, more lingering. Each kiss sends warmth spreading through my entire body, and I can feel my heart racing as Liora's sweet affection overwhelms me.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">The warmth between us is becoming almost overwhelming. I reach up and pull my shirt over my head, tossing it aside. The cool air against my skin feels refreshing, and I notice Liora's eyes widening slightly as she takes in my bare chest.</span></div> <center><img src="images/liora/chapter4/rylankissing/4.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">Our lips part slowly, and I open my eyes to see Liora's beautiful face so close to mine. Her cheeks are flushed pink, and her breathing is soft and quick. She looks so lovely that my heart skips a beat.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">That was... that was really nice, <<print $humanName>>. Can we... can we do it again?</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">"Of course, Liora. I'd like that very much."</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/rylankissing/5.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">This time when our lips meet, the kiss is deeper and more confident. Liora's hand finds mine and our fingers intertwine as we lose ourselves in the sweet intimacy. Her lips are so soft and warm against mine.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">Liora feels the magical warmth in her stomach intensifying as they kiss. The healing magic she was practicing earlier seems to be responding to her emotional state, making her feel more sensitive and aware of every touch.</span></div> <center><img src="images/liora/chapter4/rylankissing/6.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">We break apart for just a moment, both of us breathing harder now. Liora's eyes are bright and sparkling as she looks at me, and there's something new in her expression - a kind of awakening curiosity.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">I feel so... warm inside when we do that. Is it supposed to feel this way?</span></div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">"That's perfectly normal, Liora. It means... it means we care about each other very much."</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/rylankissing/7.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">We come together for another kiss, and this one lasts even longer. I can feel Liora's heartbeat through her dress as she leans closer to me. Her free hand comes up to rest gently on my chest, and the innocent touch sends shivers through me.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">The magical energy flowing through Liora's body seems to pulse with each kiss. She doesn't understand what's happening, but the tingling sensation is growing stronger, especially in her lower body.</span></div> <center><img src="images/liora/chapter4/rylankissing/8.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">Time seems to slow down as we share kiss after tender kiss. Each one feels more natural and right than the last. Liora's innocent sweetness combined with this new intimacy between us is absolutely intoxicating.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">As our kissing continues, I feel my body responding to her closeness and affection. The innocent intimacy is having a very physical effect on me, and I try to shift position to hide my growing arousal.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">Liora notices the change in his posture and breathing. When she glances down, she sees the obvious bulge in his pants and her eyes go wide with surprise and embarrassment.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Oh! I... I'm sorry! I just remembered I forgot something in my room!</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #8B4513; font-style: italic;">Before I can say anything, Liora jumps up from the bed, her face bright red, and rushes out of my room. I'm left sitting there, confused and aroused, wondering what just happened.</span></div> </div></div>[[Continue|POVTransitionRylanToLiora]] <<set $rylan_LioraKissCount += 5>><<set $liora_RylanKissCount += 5>><<set $rylan_kissCount += 5>><<set $liora_kissCount += 5>><<if not $rylanFirstKiss>><<set $rylanFirstKiss = "Liora">><</if>><<if not $lioraFirstKiss>><<set $lioraFirstKiss = "Rylan">><</if>><<set $rylan_kissExperience += 0.4>><<set $liora_kissExperience += 0.4>><<set $rylan_basicExperience += 0.3>><<set $liora_basicExperience += 0.3>><<changeLust "Rylan" 40>><<changeLust "Liora" 50>><<changeAttraction "Rylan" "Liora" 0.8>><<changeAttraction "Liora" "Rylan" 1.0>><<changeAffection "Rylan" "Liora" 0.6>><<changeAffection "Liora" "Rylan" 0.8>><<trackAffection "Rylan" "Liora" 0.6>><<trackOther "Rylan" "LioraKissCount" 5>><<trackOther "Liora" "RylanKissCount" 5>><<trackOther "Rylan" "kissCount" 5>><<trackOther "Liora" "kissCount" 5>><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('kitchenconfrontation.mp3');<</script>><<set $currentFace = $currentLioraFace>><div class="scene-container" style="background: linear-gradient(to bottom, rgba(135, 206, 235, 0.4) 0%, rgba(255, 228, 196, 0.6) 50%, rgba(176, 196, 222, 0.5) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">✨ Searching for Alternatives ✨</h2> </div><<set _lust = $liora_Lust || 0>><<set _affectionToSeryk = $liora_SerykAffection || 0>><<set _muscleFetish = setup.getStat("Liora", "fetishes", "MuscleFetish")>><<set _smellFetish = setup.getStat("Liora", "fetishes", "SmellFetish")>><<set _sweatFetish = setup.getStat("Liora", "fetishes", "SweatFetish")>> <<set _baseThreshold = 70>><<set _lustPenalty = Math.floor(_lust / 20) * 5>><<set _affectionPenalty = Math.floor(_affectionToSeryk / 20) * 3>><<set _musclePenalty = Math.floor(_muscleFetish) * 4>><<set _smellPenalty = Math.floor(_smellFetish) * 4>><<set _sweatPenalty = Math.floor(_sweatFetish) * 6>> <<set _finalThreshold = _baseThreshold - _lustPenalty - _affectionPenalty - _musclePenalty - _smellPenalty - _sweatPenalty>><<set _finalThreshold = Math.max(5, Math.min(90, _finalThreshold))>><<set _resistanceRoll = random(1, 100)>><<set _tempRollSuccess = _resistanceRoll > _finalThreshold>> <div style="background: rgba(20,20,30,0.9); border: 2px solid rgba(100,100,100,0.5); border-radius: 8px; padding: 15px; margin: 20px 0; font-family: monospace;"><span style="color: #FFD700;">🎲 Resistance Against Temptation: <<print _resistanceRoll>> vs <<print _finalThreshold>></span><br><span style="color: #87CEEB;">Base Threshold: <<print _baseThreshold>></span><br><span style="color: #FF6B6B;">Lust Penalty (<<print _lust>>): -<<print _lustPenalty>></span><br><span style="color: #FF6B6B;">Affection to Seryk (<<print _affectionToSeryk>>): -<<print _affectionPenalty>></span><br><span style="color: #FF6B6B;">Muscle Interest (<<print _muscleFetish.toFixed(1)>>): -<<print _musclePenalty>></span><br><span style="color: #FF6B6B;">Smell Interest (<<print _smellFetish.toFixed(1)>>): -<<print _smellPenalty>></span><br><span style="color: #FF6B6B;">Sweat Interest (<<print _sweatFetish.toFixed(1)>>): -<<print _sweatPenalty>></span><br> <<if _tempRollSuccess>><span style="color: #90EE90; font-weight: bold;">✓ RESISTANCE SUCCEEDS</span><<else>><span style="color: #FF6B6B; font-weight: bold;">✗ TEMPTATION OVERWHELMS</span><</if>> </div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">No... I can't. There has to be another way. I'm a healer, not some... some creature driven by base impulses. I need to think clearly, rationally.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I force myself to look away from his glistening chest, my hands trembling as I clench them into fists. The temptation is there, whispering in the back of my mind, but I push it down with all my willpower.</span> </div><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But my resolve wavers as my eyes inevitably drift back to him. The way the sweat catches the light, the masculine scent that fills the room, the powerful muscles that flex even in his unconscious state... My breath quickens despite my best efforts.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">I... I can't stop staring. The way the sweat glistens across his powerful chest, each droplet catching the candlelight like tiny jewels scattered across his blue skin. There's something intoxicating about how his body responds to the healing process, the primal display of strength even in vulnerability. And that scent... masculine and earthy, with hints of something uniquely demonic that makes my pulse quicken. Maybe... maybe just a small taste wouldn't hurt? For his sake, of course...</span></div><div style="clear: left;"></div></div><<changeFetish "Liora" "SweatFetish" 0.2>><<changeAttraction "Liora" "Seryk" 0.1>> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Give in to the overwhelming temptation|POVTransitionToRylan]] </div><<else>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Focus, Liora. You're better than this. Nimeria mentioned she has knowledge of alchemy and potions. If anyone would have mana restoration solutions, it would be her. That's the proper, professional approach.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I take a deep breath and steady myself. There are proper channels for this kind of problem. I carefully cover Seryk with a blanket, ensuring his modesty while maintaining his body temperature for optimal healing conditions.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">I'll go find Nimeria and ask about her for some mana potions.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">With my mind made up, I quietly leave the room to seek out proper magical assistance. Some problems require traditional solutions, not desperate improvisation.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Seek out Nimeria for mana potions...|POVTransitionToRylanContemplation]] </div><</if>></div></div><<changeFace $currentLioraFace>><<statSummary>><<if $serykxliorantr>><<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects && State.variables.serykxliorantr) { window.FloatingEffects.addEffect('Liora', 'blue', 'images/chibi-models/seryk.webp'); } }, 500); }); <</script>> <</if>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentLioraFace>><div class="liora-resist-container" style="background: linear-gradient(to bottom, rgba(255, 240, 245, 0.9), rgba(255, 228, 225, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255, 182, 193, 0.5);"><div class="scene-header" style="background: rgba(255, 192, 203, 0.8); border: 1px solid rgba(255, 105, 180, 0.6); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #8B008B; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">😰 Fighting Temptation 😰</p><p style="color: #FF69B4; font-size: 1.1em;">Sometimes denial is the strongest response</p></div><div class="story-content" style="background: rgba(255, 250, 250, 0.6); border: 1px solid rgba(255, 182, 193, 0.4); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">No! I can't give in to this... this strange curiosity! This isn't supposed to be happening to me. I need to ignore it, pretend it's not there, and maybe it will just go away somehow.</span></div> <<set _baseThreshold = 25>><<set _lustMod = Math.floor(($liora_Lust || 0) / 20) * 5>><<set _corruptionMod = ($liora_corruption || 0)>><<set _PenisFetishMod = Math.floor(($liora_PenisFetish || 0) * 10)>><<set _finalThreshold = _baseThreshold + _lustMod + _corruptionMod + _PenisFetishMod>><<set _tempRollResult = random(1, 100)>><<set _tempRollSuccess = _tempRollResult >= _finalThreshold>><<set _tempThreshold = _finalThreshold>> <div style="margin: 20px 0; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533483 75%, #e94560 100%); border: 3px solid transparent; border-radius: 15px; padding: 25px; position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);"><div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.05) 50%, transparent 70%); animation: shimmer 3s ease-in-out infinite;"></div><div style="position: relative; z-index: 2;"><div style="text-align: center; margin-bottom: 20px;"><h3 style="color: #ff6b9d; font-size: 1.4em; text-shadow: 0 0 10px rgba(255,107,157,0.5), 0 0 20px rgba(255,107,157,0.3); margin: 0; font-family: 'Georgia', serif;"> ✨ WILLPOWER CHALLENGE ✨</h3> <div style="color: #c7ecee; font-size: 0.9em; margin-top: 5px; font-style: italic;"> Liora attempts to resist her growing curiosity...</div></div> <div style="display: flex; justify-content: space-between; align-items: center; margin: 20px 0; padding: 15px; background: rgba(0,0,0,0.3); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);"> <div style="text-align: center; flex: 1;"> <div style="font-size: 2.5em; color: #ffd700; text-shadow: 0 0 15px rgba(255,215,0,0.8); animation: pulse 2s ease-in-out infinite;">🎲</div> <div style="color: #87ceeb; font-weight: bold; font-size: 1.2em; margin-top: 5px;">ROLL: <<print _tempRollResult>></div></div> <div style="text-align: center; color: #ff6b9d; font-size: 1.5em; font-weight: bold;">VS</div> <div style="text-align: center; flex: 1;"> <div style="font-size: 2.5em; color: #ff4757; text-shadow: 0 0 15px rgba(255,71,87,0.8);">🎯</div> <div style="color: #ff6b9d; font-weight: bold; font-size: 1.2em; margin-top: 5px;">TARGET: <<print _finalThreshold>></div></div></div> <div style="background: rgba(0,0,0,0.4); border-radius: 8px; padding: 15px; border: 1px solid rgba(255,255,255,0.1);"> <div style="color: #c7ecee; font-weight: bold; margin-bottom: 10px; text-align: center;">📊 RESISTANCE CALCULATION 📊</div> <div style="font-family: 'Courier New', monospace; font-size: 0.9em;"> <div style="color: #87ceeb; margin: 5px 0;">⚖️ Base Threshold: <span style="color: #ffd700; font-weight: bold;"><<print _baseThreshold>></span></div> <div style="color: #ff6b9d; margin: 5px 0;">💋 Lust Penalty: <span style="color: <<if _lustMod > 0>>#ff4757<<else>>#87ceeb<</if>>; font-weight: bold;">+<<print _lustMod>></span> <span style="color: #ddd;">(Lust: <<print ($liora_Lust || 0)>>)</span></div> <div style="color: #9c88ff; margin: 5px 0;">🌑 Corruption Penalty: <span style="color: <<if _corruptionMod > 0>>#ff4757<<else>>#87ceeb<</if>>; font-weight: bold;">+<<print _corruptionMod>></span> <span style="color: #ddd;">(Corruption: <<print ($liora_corruption || 0)>>)</span></div> <div style="color: #ff9ff3; margin: 5px 0;">🍆 Penis Interest Penalty: <span style="color: <<if _PenisFetishMod > 0>>#ff4757<<else>>#87ceeb<</if>>; font-weight: bold;">+<<print _PenisFetishMod>></span> <span style="color: #ddd;">(Interest: <<print ($liora_PenisFetish || 0).toFixed(1)>>)</span></div></div></div> <div style="text-align: center; margin-top: 20px; padding: 15px; background: <<if _tempRollSuccess>>linear-gradient(45deg, #2ed573, #7bed9f)<<else>>linear-gradient(45deg, #ff4757, #ff6b9d)<</if>>; border-radius: 10px; border: 2px solid <<if _tempRollSuccess>>#2ed573<<else>>#ff4757<</if>>; box-shadow: 0 0 20px <<if _tempRollSuccess>>rgba(46,213,115,0.5)<<else>>rgba(255,71,87,0.5)<</if>>;"> <div style="font-size: 1.8em; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); font-weight: bold;"> <<if _tempRollSuccess>>✅ SUCCESS!<<else>>❌ FAILURE!<</if>> </div><div style="color: white; font-size: 1.1em; margin-top: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);"><<if _tempRollSuccess>>Liora's willpower holds strong!<<else>>Curiosity overwhelms her resistance!<</if>></div></div></div></div><style> @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } </style><<if _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I take several deep breaths and force myself to look away from the... the thing that shouldn't be there. I grab my clothes and quickly put them back on, trying to pretend this never happened.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">There. With my clothes on, I can almost pretend it's not there. Maybe if I just go about my normal activities, this whole nightmare will resolve itself. Maybe it's just a temporary magical effect that will wear off.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I try to focus on other things - my healing studies, the book I was reading, anything to distract myself from the constant awareness of this foreign addition to my body. But it's difficult when every movement reminds me that something is different.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">For now, I'll just... keep this secret. I won't tell anyone, especially not <<print $humanName>>. Maybe tomorrow when I wake up, everything will be back to normal. Please let everything be back to normal...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I pick up one of my healing magic textbooks and force myself to focus on the words, reading each line carefully to distract my mind. The strange warm sensation between my legs is still there, but I determinedly ignore it.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">After about an hour of reading and deliberately not thinking about what happened, the strange sensation gradually fades away. I can feel the unusual warmth disappearing, and when I carefully check...</span></div> <center><img src="images/liora/chapter4/futa/vagina.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I let out a sigh of relief so profound that tears come to my eyes. Everything is back to normal! My body is exactly as it should be. It must have been some kind of strange magical reaction to being so close to <<print $humanName>> and all those intense feelings from our kiss.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">Maybe my healing magic got confused somehow when I was practicing while thinking about him. I'm so glad I didn't give in to curiosity about it. From now on, I'll be more careful about when and how I practice my healing magic.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I feel much calmer now that everything is back to normal. Maybe I should go find <<print $humanName>> and apologize for running out so suddenly. I hope he doesn't think I didn't enjoy our kiss, because I really did... The memory of his soft lips against mine makes me smile.</span></div> <<set $lioraFutaRepressed = true>><<changeLust "Liora" -10>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">I try to force myself to look away, to ignore the strange tingling sensation, but... I can't. Despite my fear and confusion, that electric shock when I touched it was so intense, so unlike anything I've ever felt before.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">My hand trembles as it moves back toward the... the penis. I know I shouldn't, I know this is wrong and scary, but the curiosity is overwhelming. What would happen if I touched it again? What would it feel like?</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">"Just... just one more touch," I whisper to myself, my resolve crumbling completely. "Just to understand what's happening to me..."</span></div> <center><img src="images/liora/chapter4/futa/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255, 182, 193, 0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">The moment my fingers make contact again, waves of pleasure course through my entire body. I gasp and bite my lip, my resistance completely shattered by the overwhelming sensations. I can't stop now... I need to explore this further.</span></div> <<set $lioraFutaCurrious = true>><<changeLust "Liora" 20>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(255, 245, 250, 0.85), rgba(255, 235, 245, 0.9)); border-left: 4px solid rgba(255, 182, 193, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #FF69B4; font-style: italic;">My failed attempt at resistance only makes the curiosity stronger. Since I can't ignore it anyway, maybe I should... properly explore what's happening to my body...</span></div> <div class="choice-section" style="background: rgba(255, 192, 203, 0.8); border: 1px solid rgba(255, 105, 180, 0.6); border-radius: 8px; padding: 25px; text-align: center;"> <h3 style="color: #8B008B; margin-bottom: 20px;">Resistance has failed...</h3> [[Give in to curiosity|LioraContinueTouching]] </div><</if>></div></div><<if _tempRollSuccess>><div class="choice-section" style="background: rgba(255, 192, 203, 0.8); border: 1px solid rgba(255, 105, 180, 0.6); border-radius: 8px; padding: 25px; text-align: center;"> [[Return to morning activities|MorningActivitiesChapter4]] </div><</if>><<changeFace $currentLioraFace>><<statSummary>>

<<set $lioraLickSerykSweat = true>><<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(135, 206, 235, 0.4) 0%, rgba(255, 228, 196, 0.6) 50%, rgba(176, 196, 222, 0.5) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💧 Forbidden Temptation 💧</h2></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <center><img src="images/story/chapter4/gairosafter/serykbed.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span class="dialog-liora" style="font-style: italic;">I can't help myself anymore. My hands shake as I lean closer, drawn by an irresistible pull. The droplets on his chest glisten like jewels in the candlelight, each one calling to me. Just... just a small taste. For the healing, of course.</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/ntr/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I extend my tongue hesitantly, making the first contact with a single droplet on his chest. The taste hits me immediately-salty, earthy, with an underlying richness that makes my head spin. The scent overwhelms my senses, flooding my nostrils with his masculine essence. My body trembles as foreign sensations course through me.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Oh... oh my! The effect is immediate and incredible. I can feel my mana circuits flooding with energy, even more powerfully than when he shared his saliva. This is... this is amazing! But there's something else... something that makes my heart race and my breath catch.</span> </div><div style="clear: left;"></div></div><<changeFetish "Liora" "SweatFetish" 0.3>><<changeFetish "Liora" "SmellFetish" 0.2>><<changeFetish "Liora" "MuscleFetish" 0.2>><<changeAttraction "Liora" "Seryk" 0.2>><<changeLust "Liora" 4>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">With renewed energy, I place my hands back on his chest and resume the healing process. The golden light flows from my palms, but my eyes keep drifting to the fresh beads of sweat forming on his skin. Each droplet catches the magical glow, glistening like precious gems scattered across his muscular form.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">No, focus on the healing, Liora. Don't think about how intoxicating that taste was, or how the texture of his skin felt against my tongue. Don't think about how much you want another... NO! These are very bad thoughts for a healer to have!</span> </div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/liora/chapter4/ntr/seryksweat.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">But as I continue healing, my mana depletes faster than usual. My damaged circuits can't keep up with the intensive work required. I need more energy, and there's only one source that's proven effective... I tell myself it's purely medical necessity.</span></div> <<quickRoll "Resist Second Taste" "Liora" 60 4 "SweatFetish" 7>><<if not _tempRollSuccess>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">It can't be helped! My mana is depleted again, and I need to restore my energy to continue healing him properly. This is purely medical necessity... isn't it? I'm doing this for his sake, not because I... because I want to...</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/ntr/3.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">This time I'm more deliberate, seeking out larger droplets along his collarbone. My tongue traces slow paths across his skin, collecting each precious drop. The taste is even more intoxicating now-richer, more complex, with subtle flavors I didn't notice before. My body responds instinctively, heat building in places I've never felt before.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Mmm... it tastes even better this time! The warmth of his skin, the texture beneath my tongue... I find myself lingering longer, savoring each drop. My body responds in ways I don't fully understand, heat building within me like a fever.</span></div><div style="clear: left;"></div></div><<changeFetish "Liora" "SweatFetish" 0.4>><<changeFetish "Liora" "SmellFetish" 0.3>><<changeFetish "Liora" "MuscleFetish" 0.3>><<changeAttraction "Liora" "Seryk" 0.3>><<changeLust "Liora" 5>><<else>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">No! I must maintain my professionalism. I steel my resolve and focus purely on the healing magic, determinedly ignoring the tantalizing droplets forming on his skin. But as my mana depletes completely, the temptation becomes impossible to ignore...</span></div><div style="clear: left;"></div></div><<changeFetish "Liora" "SweatFetish" 0.2>><<changeFetish "Liora" "MuscleFetish" 0.1>><<changeAttraction "Liora" "Seryk" 0.1>><</if>> <center><img src="images/liora/chapter4/ntr/4.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The cycle begins-healing until depleted, then seeking out those glistening droplets for "necessary" restoration. Each time, the taste seems more addictive, more essential. I tell myself it's for the healing, but my body knows the truth. I'm beginning to crave this more than I should.</span></div><<quickRoll "Maintain Control" "Liora" 50 5 "SweatFetish" 8>><<if not _tempRollSuccess>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Wait... I just had the most brilliant idea! What if I could heal while... while collecting the essence? It would be so much more efficient! It's not because I want to taste him more, it's just... practical! Yes, purely practical!</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/ntr/5.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I position myself so that one hand channels healing magic while my tongue explores the contours of his muscular chest. The combination is intoxicating-the warm golden light flowing from my palm while I savor the salty sweetness of his essence. I've never felt anything like this before.</span> </div><<changeFetish "Liora" "SweatFetish" 0.5>><<changeFetish "Liora" "SmellFetish" 0.4>><<changeFetish "Liora" "MuscleFetish" 0.3>><<changeAttraction "Liora" "Seryk" 0.4>><<changeLust "Liora" 6>><<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I try to maintain some semblance of professional distance, but the constant need for mana restoration means more frequent contact with his skin. Each taste makes it harder to pull away, harder to think clearly.</span></div><<changeFetish "Liora" "SweatFetish" 0.3>><<changeFetish "Liora" "MuscleFetish" 0.2>><<changeAttraction "Liora" "Seryk" 0.2>><</if>> <center><img src="images/liora/chapter4/ntr/6.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">This is... this is perfect. I can heal him continuously while maintaining my energy. The taste, the scent, the feel of his powerful body beneath my touch... it's overwhelming in the most wonderful way. I never knew healing could feel like this.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My technique becomes more adventurous, my tongue seeking out droplets along the ridges of his abs, the hollow of his throat, the curve of his shoulders. Each area has its own unique flavor, its own intensity. I'm mapping his body with my taste buds, learning every inch.</span></div> <center><img src="images/liora/chapter4/ntr/7.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <<quickRoll "Resist Complete Submission" "Liora" 40 6 "SweatFetish" 10>><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Time loses all meaning as I lose myself in the rhythm-lick, heal, savor, repeat. The world narrows to just this moment, this taste, this intoxicating blend of duty and desire. I'm dimly aware that I'm making soft, appreciative sounds, but I can't bring myself to care.</span></div> <center><img src="images/liora/chapter4/ntr/8.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <center><img src="images/story/chapter4/gairosafter/serykbed.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span class="dialog-liora" style="font-style: italic;">Mmm... so good... can't stop... need more... his essence... so perfect... healing him... helping him... yes... this is what I was meant to do...</span></div><div style="clear: left;"></div></div><<changeFetish "Liora" "SweatFetish" 0.6>><<changeFetish "Liora" "SmellFetish" 0.5>><<changeFetish "Liora" "MuscleFetish" 0.4>><<changeFetish "Liora" "SubmissionFetish" 0.3>><<changeAttraction "Liora" "Seryk" 0.5>><<changeLust "Liora" 8>> <center><img src="images/liora/chapter4/ntr/9.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I manage to maintain some awareness of my surroundings, though the temptation to completely lose myself in the experience grows stronger with each passing moment. The healing continues, but my focus wavers more and more.</span></div><<changeFetish "Liora" "SweatFetish" 0.4>><<changeFetish "Liora" "MuscleFetish" 0.3>><<changeAttraction "Liora" "Seryk" 0.3>><</if>> <center><img src="images/liora/chapter4/ntr/10.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My exploration becomes more intimate, more personal. I find myself nuzzling against his skin, breathing in his scent deeply before each taste. The healing magic flows automatically now, a distant part of my consciousness while my attention focuses entirely on this newfound pleasure.</span></div> <center><img src="images/liora/chapter4/ntr/11.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">I've never felt anything like this before... my body is responding in ways I didn't know were possible. Every taste sends waves of pleasure through me. Is this what desire feels like? This overwhelming need to touch, to taste, to be close?</span></div><div style="clear: left;"></div></div> <center><img src="images/liora/chapter4/ntr/12.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I'm completely lost now, existing only in this moment of perfect communion between healer and patient. My tongue traces intricate patterns across his skin, seeking out every last drop. The boundary between healing and indulgence has disappeared entirely.</span></div> <center><img src="images/liora/chapter4/ntr/13.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Perfect... so perfect... I never want this to end... the way he tastes, the way he smells, the way his body feels beneath my lips... I'm addicted... completely and utterly addicted to him...</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">*KNOCK KNOCK*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The sound cuts through my trance like a blade, and I jerk away from Seryk's chest with a gasp, my lips still glistening with traces of his essence. My heart pounds as reality crashes back over me-what have I been doing?! How long was I lost in that incredible haze?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora" style="font-style: italic;">Oh no! Someone's at the door! I need to... to compose myself quickly! They can't see me like this! But... but part of me doesn't want to stop. Part of me wants to send them away and continue this incredible experience...</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Quickly compose yourself and answer the door...|POVTransitionToRylanContemplation]] </div></div></div><<changeFace $currentLioraFace>><<statSummary>> <<if $serykxliorantr>> <<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects && State.variables.serykxliorantr) { window.FloatingEffects.addEffect('Liora', 'blue', 'images/chibi-models/seryk.webp', { intensity: 'intense', radius: 2.0, opacity: 1.3, speed: 2.5 }); } }, 500); }); <</script>> <</if>>

<<script>> // Complete audio cleanup function function stopAllLoopingSounds() { // 1. Stop AudioSystem SFX players if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); window.AudioSystem.sfx.players = {}; } // 2. Stop custom looping SFX if (window.currentLoopingSFX) { try { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; window.currentLoopingSFX = null; } catch(e) {} } // 3. Stop ALL audio elements on the page document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } catch(e) {} }); // 4. Clear any audio references const audioElements = Array.from(document.getElementsByTagName('audio')); audioElements.forEach(audio => { try { audio.pause(); audio.remove(); } catch(e) {} }); } // Execute cleanup stopAllLoopingSounds(); // Set multiple timers to ensure cleanup setTimeout(stopAllLoopingSounds, 50); setTimeout(stopAllLoopingSounds, 200); <</script>> <<set $rylan_MarielOrgasmsGiven = 1>><<set $mariel_RylanOrgasmsReceived = 1>><<set $mariel_RylanOrgasmsGiven = 1>><<set $rylan_MarielOrgasmsReceived = 1>><<set $mariel_RylanKissCount = $rylan_MarielKissCount>><<script>>window.AudioSystem.playBGM('marielinbedroom.mp3');<</script>><<set $currentFace = $currentMarielFace>><<set $marielMorningVisitChapter4 = true>><<if not $morningVisitedToday>><<set $morningVisitedToday = []>><</if>><<set $morningVisitedToday.push("Mariel")>><<if not $mariel_Lust>><<set $mariel_Lust = 0>><</if>><<if not $rylan_Lust>><<set $rylan_Lust = 0>><</if>> <div class="morning-scene-container" style="background: linear-gradient(to bottom, rgba(255, 228, 181, 0.85) 0%, rgba(255, 218, 185, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-overlay" style="background: url('images/landscapes/kitchen.webp') center/cover; opacity: 0.2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #8B4513; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🍳 Kitchen Conversations 🍳</h2> <p style="color: #A0522D; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); font-style: italic; font-size: 1.1em;">Mariel's perspective - preparing lunch...</p></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I hum softly to myself as I work in the kitchen, preparing vegetables for lunch. The familiar routine is comforting - cutting, seasoning, organizing. My hands move automatically while my mind wanders.</span></div><<if $marielTransformationMother === true>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I pause for a moment, pressing a hand to my chest. My breasts feel strangely... full today. Heavier than usual. A slight tingling sensation that I can't quite explain. It's been happening more frequently lately, this odd feeling of fullness, as if my body is preparing for something I don't understand.</span></div> <center><img src="images/mariel/chapter4/morning/handsonbreast.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Oh, hello sweetheart,"</span> I say with a warm smile as I hear footsteps. <<if $marielTransformationMother === true>><span class="dialog-mariel">"Perfect timing - I was just thinking about you. How are you feeling today, my dear?"</span><<else>><span class="dialog-mariel">"You're just in time to help me with lunch preparations."</span><</if>></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $marielTransformationMother === true>><span class="dialog-rylan">"I'm... I'm fine, <<print $humanToMariel>>. Just thought I'd see what you were up to."</span><<else>><span class="dialog-rylan">"I'd be happy to help. What do you need me to do?"</span><</if>></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $marielTransformationMother === true>><span class="dialog-mariel">"That's wonderful, dear. I always enjoy your company. You can help me chop these vegetables if you'd like."</span><<else>><span class="dialog-mariel">"Well, I could use an extra pair of hands with these vegetables. Are you good with a knife?"</span><</if>></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Sure, I can handle that. Though I'm not as skilled as you are in the kitchen."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Oh, don't worry about that. Practice makes perfect, and I'm happy to teach you."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">We work side by side for a few minutes, the comfortable rhythm of chopping vegetables filling the silence. But as we work, I notice <<print $humanName>>'s eyes on me. There's something in his gaze that lingers a moment too long when I reach for something, when I bend over the counter. I catch him looking and he quickly glances away, a flush coloring his cheeks. How strange... what could that be about?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"<<print $humanToMariel.charAt(0).toUpperCase() + $humanToMariel.slice(1)>>... do you still not remember what happened a couple nights ago?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"A couple nights ago? No, I'm afraid I don't... Did something happen? You look concerned."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"No... nothing. Never mind."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">His evasive answer only makes me more curious. What could have happened that he's so reluctant to discuss? I make a mental note to think more about that night... though honestly, it's all quite blurry after I had some wine.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I turn to reach for the spice rack on the highest shelf, stretching up on my toes. The jar I need is just out of reach, and I can feel my dress riding up slightly as I strain upward.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <center><img src="images/mariel/chapter4/morning/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Could you help me with this, dear? I can't quite..."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">He steps behind me to help, reaching over my head for the spice jar. I feel the warmth of his body pressed close against my back, and then... oh my. Something firm presses against my behind. Something unmistakably masculine.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My breath catches in my throat. The contact sends an unexpected jolt through my entire body, awakening sensations I haven't felt in... how long has it been? When was the last time I felt a man's arousal pressed against me? When was the last time Thalor...</span></div><<changeLust "Mariel" 5>><<changeLust "Rylan" 5>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Oh! I... thank you,"</span> I manage to whisper, my voice unsteady. My cheeks burn with embarrassment and something else I don't want to acknowledge.</div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But these thoughts are wrong! So wrong! He's my <<print $humanIsMariel>>! This is completely inappropriate. Yet my body betrays me, responding to the contact in ways that shock me. I can feel myself growing warm and wet between my legs, a response I haven't had to anyone in so long.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/mariel/pantieswetrednails.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">I turn to face him and see that his face is flushed red with embarrassment. He looks as mortified as I feel, which somehow makes this even more confusing.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Sorry, I didn't mean to... I was just trying to help..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"It's... it's alright, dear. These things happen,"</span> I say, trying to restore some normalcy to the situation. <span class="dialog-mariel">"Thank you for helping me."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">We continue with the cooking in awkward silence for a few moments. I try to focus on the vegetables, but I can't stop thinking about how that felt. About how long it's been since I felt desired, even accidentally.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"You know, it gets quite boring around here sometimes when everyone's busy. It's nice having someone to talk to."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Maybe... maybe you could join us on our adventures sometimes? I mean, if you wanted to."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Me? Oh, sweetheart, they wouldn't want an old lady slowing them down,"</span> I say with a gentle laugh, though part of me is touched by the suggestion.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"No!"</span> he says with surprising force, making me jump slightly. <span class="dialog-rylan">"You're not old! You're still beautiful!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">His words hit me like a physical force. My heart skips a beat and I feel heat rushing to my cheeks. When was the last time someone called me beautiful? When was the last time someone looked at me with such... intensity?</span></div><<changeLust "Mariel" 5>> <center><img src="images/mariel/chapter4/morning/2.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <<if $marielTransformationMother === true>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I feel that strange sensation in my breasts again, a tingling that makes my nipples tighten beneath my dress. What is happening to my body? Why do I feel so... responsive... to my own <<print $humanIsMariel>>?</span></div><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"What are you saying, you silly boy?"</span> I try to laugh it off, but my voice comes out breathier than intended. <span class="dialog-mariel">"That's very sweet, but..."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I turn to face him, intending to playfully dismiss his compliment, but as I do, I realize how close we're standing. Our faces are only inches apart, close enough that I can feel his breath on my skin. Our eyes lock, and suddenly the air between us feels charged with something dangerous.</span></div> <center><img src="images/mariel/chapter4/morning/4.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">What am I thinking? This is my <<print $humanIsMariel>>! These feelings are completely inappropriate. But the way he's looking at me... when was the last time someone looked at me like I was something precious, something desired?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Okay, okay... maybe you should find something else to do now. Thank you for helping me, though."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/mariel/chapter4/morning/3.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">I intend to give him a quick peck on the cheek - a motherly gesture to defuse this strange tension. But as I lean forward, he turns his head at exactly the wrong moment. Instead of his cheek, my lips meet his.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The kiss is soft, gentle, but it lingers longer than it should. For a moment, neither of us pulls away. I can taste the sweetness of his breath, feel the warmth of his lips. It's been so long since someone kissed me... so very long.</span></div><<set $rylanMarielChapter4Kiss = true>><<changeLust "Mariel" 5>><<changeLust "Rylan" 5>><<changeAffection "Mariel" "Rylan" 2>><<changeAttraction "Mariel" "Rylan" 3>><<changeAffection "Rylan" "Mariel" 2>><<changeAttraction "Rylan" "Mariel" 3>><<set $rylan_kissCount = ($rylan_kissCount || 0) + 1>><<set $mariel_kissCount = ($mariel_kissCount || 0) + 1>><<set $rylan_MarielKissCount = ($rylan_MarielKissCount || 0) + 1>><<set $mariel_RylanKissCount = ($mariel_RylanKissCount || 0) + 1>><<set $rylan_kissExperience = ($rylan_kissExperience || 0) + 1>><<set $mariel_kissExperience = ($mariel_kissExperience || 0) + 1>><<set $rylan_sexualExperience = ($rylan_sexualExperience || 0) + 1>><<set $mariel_sexualExperience = ($mariel_sexualExperience || 0) + 1>><<set $rylan_basicExperience = ($rylan_basicExperience || 0) + 1>><<set $mariel_basicExperience = ($mariel_basicExperience || 0) + 1>><<trackExperience "Rylan" "kissExperience" 1>><<trackExperience "Mariel" "kissExperience" 1>><<trackExperience "Rylan" "sexualExperience" 1>><<trackExperience "Mariel" "sexualExperience" 1>><<trackExperience "Rylan" "basicExperience" 1>><<trackExperience "Mariel" "basicExperience" 1>><div style="text-align: center; margin: 30px 0;"> [[Continue as Mariel faces temptation|MarielMorningVisitChapter4Part2]] </div></div></div><<changeFace $currentMarielFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><<set $currentFace = $currentMarielFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(34, 60, 34, 0.85) 0%, rgba(25, 45, 25, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #98FB98; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💚 FIGHTING TEMPTATION 💚</h2></div> <<set _cumNeedMod = Math.round(($mariel_CumNeed || 0) * 0.4)>><<set _lustMod = Math.round(($mariel_Lust || 0) * 0.2)>><<set _affectionMod = Math.round(($mariel_SerykAffection || 0) * 0.1)>><<set _totalPenalty = _cumNeedMod + _lustMod + _affectionMod>><<set _baseThreshold = 10>><<set _finalThreshold = Math.max(5, Math.min(95, _baseThreshold + _totalPenalty))>><<set _resistanceRoll = random(1, 100)>><<set _resistanceSuccess = _resistanceRoll > _finalThreshold>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I take a deep breath, forcing myself to look away from Seryk's obvious arousal. My hands tremble slightly as I fight against the memories of that incredible pleasure.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">No... I can't. I'm a healer, not... not some perverted woman who takes advantage of unconscious patients.</span></div><div style="clear: left;"></div></div> <div style="background: rgba(30,30,40,0.9); border: 1px solid rgba(100,100,120,0.4); border-radius: 8px; padding: 15px; margin: 20px 0; font-family: monospace;"> <div style="color: #FFB6C1; font-weight: bold; margin-bottom: 10px;">🎲 Resistance Roll: <<print _resistanceRoll>> vs <<print _finalThreshold>></div><div style="color: #DDA0DD; font-size: 0.9em;">Base Threshold: <<print _baseThreshold>></div><div style="color: #87CEEB; font-size: 0.9em;">Cum Need Penalty: +<<print _cumNeedMod>> (<<print ($mariel_CumNeed || 0)>> × 0.4)</div><div style="color: #87CEEB; font-size: 0.9em;">Lust Penalty: +<<print _lustMod>> (<<print ($mariel_Lust || 0)>> × 0.2)</div><div style="color: #87CEEB; font-size: 0.9em;">Affection Penalty: +<<print _affectionMod>> (<<print ($mariel_SerykAffection || 0)>> × 0.1)</div><div style="color: #FFD700; font-size: 0.9em;">Final Threshold: <<print _finalThreshold>> (Base + Penalties)</div><div style="color: #FFB6C1; font-weight: bold; margin-top: 5px;"><<if _resistanceSuccess>>SUCCESS - Resistance holds strong<<else>>FAILURE - Temptation overwhelms<</if>></div> </div><<if _resistanceSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I steel my resolve and focus entirely on the healing magic. Professional duty wins over personal desire. Whatever I'm feeling, Seryk's life is more important than my inappropriate urges.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">No! I won't succumb!</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I continue the healing process with renewed focus, carefully avoiding looking at anything other than the areas that need treatment. After another hour of intensive work.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">Good... he's going to survive this. That's what matters.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I call Liora back to take over while I rest. My body aches from the prolonged magical exertion, but I feel proud that I maintained my professional integrity despite the... unusual circumstances.</span></div><<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But even as I try to resist, my eyes keep drifting back. The memory of that incredible orgasm floods through me, making my body ache with need. My hands shake as I continue the healing, and I can feel my resolve crumbling.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel" style="font-style: italic;">I... I can't stop thinking about it. About how good it felt. How much I need... how much I want...</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My professional resolve dissolves completely as desire overwhelms my better judgment. I glance around nervously, making sure no one else is watching, then slowly reach toward Seryk's boxers with trembling fingers.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel" style="font-style: italic;">Just... just to help him. It's medical. Professional. It has to be...</span></div><div style="clear: left;"></div></div><<changeLust "Mariel" 5>><<changeAttraction "Mariel" "Seryk" 1>> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> <<set $MarielSerykBoxersHandjob = true>> [[Continue|POVTransitionToRylanContemplation3]] </div><</if>><<if _resistanceSuccess>><div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue...|POVTransitionToRylanContemplation3]] </div><</if>></div><<changeFace $currentMarielFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('battle.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(255, 69, 0, 0.85) 0%, rgba(139, 0, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF0000; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💥 EXPLOSIVE JUSTICE 💥</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I threw the cleaning cloth aside and ran. Down the stairs, through the halls, my feet pounding against stone as pure rage propelled me forward. By the time I burst through the garden entrance, Torin was raising his stick high above Nimeria's cowering form.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Torin: "This is what happens to cursed freaks! Maybe a few welts will teach you-"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Time slowed. I could see the stick beginning its downward arc toward the terrified child. Could see the guards still standing there like statues. Could see Seryk's face frozen in horrified realization of what he'd helped set in motion.</span></div> <center><img src="images/mira/flying.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 0, 0, 0.85), rgba(120, 0, 0, 0.9)); border-left: 4px solid rgba(255, 69, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">I launched myself through the air like a cannonball, my foot connecting with Torin's face with every ounce of fury I'd been suppressing for weeks. The satisfying crunch of cartilage beneath my heel told me I'd broken more than just his nose.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Torin flew backward like a rag doll, his stick spinning through the air as he crashed into the grass several feet away. He didn't get up. He didn't move. He just lay there, blood streaming from his ruined face, unconscious and possibly worse.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic; font-size: 0.9em;">Drevon: "Oh gods! Oh gods! Torin! You killed him! You killed him!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I landed gracefully, my knees bending to absorb the impact before I straightened and fixed my gaze on the terrified Drevon. He was backing away, but I was already moving.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Good! Maybe now you'll learn what happens when you hurt innocent children!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I closed the distance in two quick steps and drove my fist upward into Drevon's chin with all the force I could muster. His head snapped back with a wet crack, his eyes rolling back as he crumpled beside his friend.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Silence fell over the garden like a funeral shroud. Two unconscious boys lay bleeding in the grass. Nimeria stood frozen in shock, her red eyes wide with disbelief. And Prince Seryk... Prince Seryk was staring at me like he'd just witnessed a demon emerge from the earth.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Mira! What have you done?!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I turned to face him slowly, my expression cold as winter stone. Without a word, I walked toward the boy who had just condemned his own sister to violence. He took a step back, but there was nowhere to run.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My fist connected with his nose-not with the full force I'd used on his friends, but enough to send blood streaming down his face and likely break the cartilage. He stumbled backward, crying out in pain and shock.</span></div> <center><img src="images/seryk/bleeding.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">That's when the guards finally decided to act. They came running toward me with drawn swords, shouting orders and threats. Too little, too late.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facecrying.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"How can you do and say something so cruel?! She is your sister! Your family!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Guard Captain: "Now you've done it, maid! You attacked the young prince! You'll rot in a cell until your execution!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As they grabbed my arms and began dragging me away, I felt something I hadn't expected to feel-laughter bubbling up from deep in my chest. It started as a chuckle, then grew into full, uncontained mirth that echoed through the garden.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facelaughing.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Hahaha! Worth every moment! Did you see their faces? Absolutely priceless!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As they hauled me toward the dungeons, I caught one last glimpse of Nimeria standing there unharmed, staring after me with an expression I couldn't quite read. For the first time since I'd met her, she wasn't crying.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Three days later|MiraInPrison]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('doyouhatemetoo.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(75, 0, 130, 0.9) 100%); min-height: 700px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF6347; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">⚔️ The Breaking Point ⚔️</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Three days had passed since I'd bandaged Nimeria's wounds, and I'd been watching. Waiting. Every cruel whisper, every dismissive gesture, every moment of willful blindness only fed the rage burning inside me.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I was making my rounds through the castle halls when movement in the garden caught my eye. My blood turned to ice water.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria was backed against the garden wall, surrounded by three figures. Seryk stood off to the side, his arms crossed, while Torin and Drevon circled her like predators. But this time was different—this time they carried wooden sticks like clubs.</span></div><div class="cruelty-escalation" style="background: rgba(80,40,40,0.8); border: 2px solid rgba(139,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: You know what your problem is, cursed child? You shouldn't have been born.</span></p> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Drevon: Yeah! Zarn is probably your real father anyway. What are you even doing inside the castle? You should be living in a doghouse!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria pressed herself further against the stone wall, her eyes darting between the raised sticks and the cruel faces surrounding her.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceyounghurt.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"P-please... I didn't do anything wrong..."</span></div><div style="clear: left;"></div></div> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Your existence is wrong!</span> *He raised his stick higher, the wood gleaming with malicious intent.*</p> </div><div class="peer-pressure-seryk" style="background: rgba(60,40,40,0.8); border: 2px solid rgba(120,60,60,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The boys turned their attention to Seryk, who had been watching the scene with obvious discomfort.*</p> <p style="color: #FFB6C1; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Torin: Come on, Seryk! Tell your precious sister what you really think. She needs to learn her place.</span></p> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Drevon: Yeah! Show us you're not a coward like her!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Seryk's face went pale. I could see the internal struggle. The desperate need to belong warring against whatever conscience he had left.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Yes... yes, that's true. You shouldn't have been born."</span></div><div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The words hit Nimeria like physical blows. Her eyes went wide with betrayal and pain as she looked at her brother—the one person she'd hoped might still care.*</p> <center><img src="images/nimeria/past/facecrying.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> </div><div class="guards-ignore" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">That's when I noticed them—two castle guards standing not twenty feet away, calmly discussing the weather while a child was being terrorized with weapons. They could see everything. They could hear every cruel word.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 30, 30, 0.85), rgba(50, 20, 20, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">And they were doing absolutely nothing.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 30, 30, 0.85), rgba(50, 20, 20, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">The rage that had been simmering for days finally boiled over. My vision turned red.</span></div> </div><div class="mira-explosion" style="background: rgba(139,0,0,0.8); border: 2px solid rgba(255,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Torin raised his stick above Nimeria's cowering form, ready to bring it down on her small head. But the blow never landed.*</p> <center><img src="images/mira/furious.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I moved faster than I'd ever moved in my life. My foot connected with Torin's face with a sickening crack that echoed through the garden. The young noble flew backward several meters, his stick clattering away as he crashed into the grass and lay motionless.*</p> <center><img src="images/mira/kick.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <p style="color: #DDA0DD; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Drevon: Oh gods! Oh gods! Torin! You killed him!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I landed gracefully, pushing myself up from the ground in one fluid motion. Drevon was backing away, trembling, but not fast enough.*</p> <center><img src="images/mira/fist.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*My uppercut caught him perfectly under the chin. His head snapped back and he collapsed beside his friend, both unconscious and bleeding.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">*breathing heavily, standing over the fallen bullies*</span></div><div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Nimeria stared at me in complete shock, her mouth agape. But it was Seryk's horrified voice that broke the silence.*</p> </div><div class="seryk-confrontation" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/past/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Mira! What have you done?!"</span></div><div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*I turned to face him slowly, my fury still burning white-hot. This coward. This pathetic excuse for a brother. He stood there, shocked not at his friends' cruelty, but at my response to it.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Without saying a word, I walked toward him. He took a step back when he saw my face.*</p> <center><img src="images/mira/attack.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*My fist connected with his nose with a wet crunch. Not as hard as the others—I didn't want to kill him—but enough to send blood streaming down his face and likely break the bone.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <center><img src="images/seryk/past/serykbleeding.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <img src="images/seryk/past/facebleeding.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Ahhh! My nose!"</span></div><div style="clear: left;"></div></div> </div><div class="mira-outburst" style="background: rgba(139,0,0,0.8); border: 2px solid rgba(255,0,0,0.7); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*The guards finally came running, their swords drawn. Too little, too late.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facecrying.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"How can you do something so cruel?! How can you say something so cruel?! She is your sister! Your family!"</span></div><div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Tears of rage streamed down my face as I screamed at him, at all of them.*</p> <p style="color: #8FBC8F; line-height: 1.6; margin-bottom: 20px;"><span style="font-size: 0.9em;">Guard Captain: Now you've done it, maid! You attacked the young prince! You'll rot in a cell until your execution!</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*As the guards grabbed my arms and began dragging me away, I couldn't stop myself from laughing. It started as a bitter chuckle but grew into full, uncontrolled laughter that echoed through the garden.*</p><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Ahahahaha! Perfect! Absolutely perfect!"</span></div><div style="clear: left;"></div></div> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*They thought this was justice? They thought this was order? Let them drag me to their dungeons. At least I'd go knowing I'd finally done something that mattered.*</p></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Three days later...|MiraInPrison]] </div></div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('forbiddenlibrary.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">📚 The Forbidden Library 📚</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Over the next few weeks, I began to notice patterns in Nimeria's behavior. She would disappear for hours at a time, returning with dust on her dress and an oddly satisfied expression. When I asked where she'd been, she would just smirk and say it was "none of my business."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My curiosity finally got the better of me. One afternoon, when she thought I was busy with laundry, I followed her through the castle's winding corridors. She moved with surprising stealth for a seven-year-old, checking corners and listening at doors before proceeding.</span></div><center><img src="images/landscapes/forbiddenlibrary.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She led me to a section of the castle I'd never seen before—the forbidden library. The doors were massive, carved with warning symbols and sealed with multiple locks. Yet somehow, Nimeria slipped inside like she owned the place.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">After waiting a few minutes, I crept closer and peered through a crack in the door. What I saw made my blood run cold.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria sat at a massive oak table surrounded by books that were clearly not meant for children. Ancient tomes bound in strange leather, scrolls covered in arcane symbols, and manuscripts that seemed to whisper in the shadows. And she was reading them. Not just looking at pictures—actually reading and taking notes.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">There's no way a seven-year-old can read books like that... right?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">When she left for dinner, I managed to slip inside. The book she'd been reading lay open on the table, and what I saw made my stomach turn.</span></div><center><img src="images/items/verynexperiments.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The title read "Veryn's Experiments - Volume 192" in faded ink. My hands shook as I read the open page:</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 20, 20, 0.85), rgba(50, 15, 15, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic; font-family: serif;">*"Final breakthrough achieved. Soul transference into a deceased vessel requires precise temporal parameters—decomposition must not exceed seventeen days. Subject Elaria presents optimal morphological compatibility with the intended recipient. Current gestational state provides an additional vector: the developing fetus can serve as a secondary vessel, its nascent consciousness easily displaced by the target soul."*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">So... he figured out how to put dead people's souls into fresh bodies? But only if they haven't been dead too long. And this Elaria woman—it seems he wants to use her as a vessel for someone who died too long ago. Since she's pregnant, he can put a dead soul into her unborn baby too... What in the seven hells... No child should be reading this kind of sick material!</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 20, 20, 0.85), rgba(50, 15, 15, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic; font-family: serif;">*"The incantation 'Zmaldrik Taldrik!' demonstrates elegant phonetic construction, designed for mnemonic retention. However, the primary limitation remains the astronomical mana requirements for trans-dimensional soul manipulation."*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">So the spell words are easy to remember, but it needs a massive amount of magical energy to actually move souls between worlds... Wait, small dick, tall dick? Is this some kind of sick joke?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 20, 20, 0.85), rgba(50, 15, 15, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic; font-family: serif;">*"My theoretical framework culminates in this discovery. Crystalline mana deposits (azure variety) contain concentrated etheric energy in stable lattice formations. Proper extraction techniques enable even non-mages to channel substantial magical forces, provided they possess innate affinity. The Nightgown plant—dismissed as mere agricultural poison—represents a revolutionary breakthrough. Its mana-absorption properties create localized dead zones, but direct contact with its essence exponentially amplifies magical capacity while proportionally increasing energy consumption."*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">Blue crystals from mines have tons of magic energy stored in them. If you know how to use them right, even people without magic can cast spells. And that poisonous Nightgown weed everyone hates? It actually sucks magic out of the ground. If you touch its sap, you can cast way more powerful spells—but it also drains way more energy from you.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 20, 20, 0.85), rgba(50, 15, 15, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic; font-family: serif;">*"Inherent risks remain significant. The spell operates through absolute mana drainage—consuming all available energy within a calculated radius. Probability matrices indicate 97.3% fatality rate for the caster, 89.7% for proximate subjects, and 67.2% probability of permanent mana severance in survivors. Additionally, the resurrection protocol binds the soul through a necromantic curse that perpetually drains their mana reserves, maintaining only minimal energy for basic life functions. Secondary effects remain uncharted. Multi-target scenarios present exponential complexity requiring subjects with exceptional willpower to survive the process."*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">This spell is incredibly dangerous. It sucks up all the magic in the area, and almost everyone dies—97 out of 100 people who cast it, 90 out of 100 people nearby, and most survivors lose their magic forever. And the brought-back person? They get cursed so their magic is constantly being drained away, leaving them just enough energy to stay alive but never enough to use magic again. Plus there might be other horrible side effects he doesn't even know about yet. And if you try to bring back multiple people at once, you need subjects with incredibly strong willpower just to survive...</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I flipped through more pages, finding detailed accounts of human experimentation, torture methods disguised as "research," and ritual magic that made my skin crawl. These were the journals of someone called Veryn—a monster who conducted cruel experiments on living beings.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">No wonder that girl is so grim if this is her bedtime reading...</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But something else was bothering me. The way Nimeria had been reading, taking notes, understanding complex magical theory that would challenge adult scholars... There was more to this "cursed child" than anyone realized.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue investigating|MiraRealizes]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('prison.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(128, 0, 0, 0.85) 0%, rgba(139, 0, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #B22222; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">👑 THE DEMON KING 👑</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The heavy wooden door groaned open, and I felt my heart skip a beat. The dungeons of the demon castle were bad enough, but now I was about to face the most terrifying creature in existence. My wrists ached from the iron shackles, but the pain was nothing compared to the dread building in my chest.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">King Azgorth entered with the measured steps of absolute authority. Each footfall echoed against the stone walls like thunder, and his presence seemed to fill every corner of the chamber. The guards flanked him but remained a respectful distance away-even they understood that their king needed no protection from a simple maid in chains.</span></div> <center><img src="images/azgorth/portrait.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My breath caught as I got my first real look at him. He was even more imposing than the stories suggested-towering over everything in the room with shoulders broad enough to block out the torchlight. His ebony skin seemed to absorb the shadows, while those famous emerald green eyes burned with an intelligence that was far more terrifying than mere rage would have been.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">When he settled into the chair across from me, the ancient wood creaked in protest. His massive frame made the furniture look like something from a child's playroom. But it was his expression that truly unnerved me-not the furious scowl I'd expected, but a look of genuine curiosity, as if I were some fascinating puzzle he was trying to solve.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The silence stretched between us like a taut rope. I could hear the guards shifting nervously behind me, the soft crackle of the torches, even my own heartbeat thundering in my ears. When he finally spoke, his voice was deep and resonant, carrying the weight of absolute authority.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"So, Mira. My son tells me you interfered with their... activities yesterday. That you physically assaulted Prince Seryk and his companions."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">His tone was carefully neutral, giving nothing away. I swallowed hard, my mouth suddenly dry as sand. This was it-the moment of truth. I could lie, try to make excuses, beg for mercy... or I could tell him exactly what I thought of his precious children and their "activities."</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I lifted my chin and met those burning emerald green eyes without flinching. If death was coming for me anyway, I'd meet it with my integrity intact.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Damn right I did! And I'd do it again without hesitation! Those little monsters were tormenting Princess Nimeria with sticks like she was some kind of animal!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The air in the chamber seemed to thicken. I could practically hear the collective intake of breath from the guards behind me. But I wasn't finished-not by a long shot.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"She was just sitting there, minding her own business, and they decided to torment her because she looks different! Because she has darker hair than them! What kind of father raises children to be such cruel bullies?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Watch your tongue, maid. You're speaking about royal blood."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">His warning only fueled the fire burning in my chest. All my pent-up frustration, all the times I'd bitten my tongue when I should have spoken up, all the injustices I'd witnessed in silence-it all came pouring out at once.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Royal blood? ROYAL BLOOD?! If that's what passes for royalty in this castle, then your bloodline is more poisoned than a goblin's well! Maybe if you spent less time worrying about your receding hairline and more time actually parenting, your children wouldn't grow up to be such vicious little beasts!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The words hung in the air like a death sentence. I could practically feel the executioner's axe hovering over my neck. But I wasn't done yet-might as well go out with a bang.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I worked up every ounce of saliva I could muster and spat it onto the stone floor between us. The sound echoed through the chamber like a thunderclap, and that's when I heard the metallic rasp of steel being drawn from its sheath.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Guard: "How DARE you speak to His Majesty with such disrespect, you insolent wretch! I'll cut out your tongue for that insult!"</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The guard's blade was halfway out of its scabbard when the Demon King's voice cut through the tension like a whip crack.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"SHEATH YOUR WEAPON THIS INSTANT!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The authority in his voice was so absolute that the guard's hand froze mid-draw. The man's face went pale as parchment, and the sword slid back into its sheath with a shaky click. I'd never seen royal authority wielded with such devastating precision.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">King Azgorth leaned back in his chair, those emerald green eyes never leaving my face. The silence stretched on for what felt like an eternity. I could see his mind working, processing everything I'd said, weighing my words against whatever truth his son had told him.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Then, something extraordinary happened. The corner of his mouth twitched. Just barely, but I caught it. The twitch became a slight curl, the curl became a smile, and then-completely without warning-the most powerful demon in existence threw back his head and laughed.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">It wasn't a polite chuckle or a restrained laugh. This was a full-bodied roar of mirth that seemed to shake the very foundations of the dungeon. The sound bounced off the stone walls, growing louder and more thunderous with each echo.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"By the depths of the abyss, Mira! Do you have any idea how long it's been since someone had the spine to tell me the truth like that? And my hairline? Really? You went straight for the throat with that one!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I stared at him in complete bewilderment. This wasn't how I'd imagined my final moments would go. The guards looked equally confused, shifting from foot to foot like they weren't sure if they should be laughing along or preparing for an execution.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Guards, remove those shackles immediately! And arrange for her to receive a reward of... let's say one hundred gold pieces for her service to the crown. Yes, that should suffice."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Service to the crown? Reward? I blinked rapidly, convinced I was hallucinating from dungeon air. But the guards were already moving forward with keys, their expressions carefully blank as they worked to unlock my chains.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Furthermore, Mira, you are hereby granted official authority to discipline any member of the royal family—princes and princesses included-if you witness behavior unbecoming of their station. Consider it a formal position. Royal Behavior Correction Specialist."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My mouth fell open. Royal Behavior Correction Specialist? He was not only pardoning me but promoting me? My natural instinct to argue kicked in before my brain could catch up with my mouth.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Oh, stuff it! I don't need your permission to protect children from bullies! I would have done it regardless of your fancy titles and official authority!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">That sent him into another fit of laughter that was even louder than the first. He slapped his knee and wiped tears from his eyes while the guards looked like they wanted to disappear into the stone walls.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Magnificent! Absolutely magnificent! Guards, make sure every servant, every noble, every single person in this castle knows about Mira's new position. And I do mean everyone-I want word to reach even the kitchen cats if necessary."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As the guards fumbled with the keys to remove my final shackle, I rubbed my wrists and tried to process what had just happened. The iron bands fell to the stone floor with a series of metallic clanks that seemed to echo my disbelief.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Oh, and Mira? Promise me you'll never change. The realm needs more people willing to speak truth to power, even when-especially when-that power could vaporize them with a thought."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The guards escorted me out of the dungeon and through the castle corridors, their faces carefully neutral but their whispered conversations following in our wake. Word was already spreading like wildfire-the maid who insulted the king and lived to get promoted.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As we walked through the grand hallways, I could hear servants stopping their work to stare, nobles whispering behind their fans, and even the castle cats seemed to pause in their prowling to watch our little procession. It was surreal beyond belief.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Behind us, echoing through the stone corridors, I could hear King Azgorth's heavy footsteps heading toward the throne room. But then the footsteps stopped. There was a long pause, followed by a voice that sounded much less confident than it had moments before.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Guard... be honest with me. Is my hairline really receding that noticeably?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Guard: "Oh no, Your Majesty! Your hair is as magnificent as ever! Full and lustrous and absolutely-"</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"You're just saying that because you're terrified I'll execute you for honesty..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">There was another long pause, followed by a heavy sigh that seemed to carry the weight of absolute power and the loneliness that came with it.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #B22222;">"Oh well... just... keep this conversation between us, all right?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As we reached the main castle, I couldn't help but smile despite everything. Not only was I alive, but I'd somehow managed to earn the protection and approval of the most powerful being in the realm. The nervous glances the other servants were giving me made it clear that word of my new position was already spreading.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 30, 30, 0.85), rgba(50, 20, 20, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">Let them all whisper and stare. Mira the maid had found her voice, and now she had the highest authority in the land backing her up. No child in this castle would suffer in silence again-not on my watch. And if anyone had a problem with that, they could take it up with the Demon King himself.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[End of Chapter 4...|Chapter5Transition]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects) { window.FloatingEffects.removeEffect('Mariel'); } }, 500); }); <</script>> <<script>>window.AudioSystem.playBGM('mirapast.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🏰 First Day in the Castle 🏰</h2></div> <center><img src="images/landscapes/demoncastle.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The Demon King's castle was a maze of dark corridors and oppressive grandeur. Three days had passed since my "recruitment," and I was still trying to wrap my head around how a failed pickpocketing attempt had landed me a job as a royal maid. The irony wasn't lost on me-from the slums to serving royalty in one spectacularly stupid move.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">Well, at least the pay is decent and I get three meals a day. How hard can it be to babysit one spoiled princess?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The head maid had given me a quick rundown: Princess Nimeria was seven years old, had black hair and red eyes (the supposed "curse"), rarely spoke to anyone, and went through personal attendants faster than the king went through wine. The longest anyone had lasted was three weeks.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I approached the ornate door to her chambers, took a deep breath, and knocked. When no answer came, I pushed it open carefully.</span></div><center><img src="images/nimeria/youngroom.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The room was lavishly appointed but felt cold and unlived-in. Expensive toys sat untouched on shelves, and everything was perfectly organized-except for the corner where a small figure sat playing with a massive black creature that looked like a cross between a wolf and a shadow.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Princess Nimeria looked up at me with those infamous red eyes-eyes that held far too much intelligence and pain for a seven-year-old. Her black hair fell in waves around her pale face, and despite the rumors, she was actually quite beautiful. Just... sad.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Another one? How long do you plan to last?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Long enough to get paid, Your Highness. I'm Mira, your new personal attendant."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Mira... What a common name for a common girl. At least you're honest about your motives."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The massive black creature-which I assumed was Zarn based on the briefing-lifted its head to study me with glowing amber eyes. It was easily the size of a small horse and radiated an aura of barely contained power.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"And you must be Zarn. Nice to meet you both. What are you playing?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"None of your business. Just... stand there and try not to break anything expensive."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I watched as she continued her game, speaking in a theatrical voice as she moved small figurines around. Zarn seemed to understand his role perfectly, lying down and letting her climb on his back like a noble steed.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Watch her play|MiraWatchesNimeria]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mysterious.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.95) 0%, rgba(139, 0, 139, 0.98) 50%, rgba(72, 61, 139, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"><div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> ⏳ Many Years Ago ⏳ </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> Deep within the Demon King's castle, a pink-haired thief begins her new life... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #9370DB; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> Serving the most feared and lonely child in the kingdom...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|MiraFirstDay]]</span></div></div></div><<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>><<set $currentFace = $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('doyouhatemetoo.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💔 The Truth About the Cursed Child 💔</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Over the following days, I began to pay closer attention to how others treated Nimeria. What I discovered made my stomach churn with a mixture of disgust and unwelcome sympathy.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The servants whispered when they thought she couldn't hear—calling her "demon spawn," "the mistake," "the one who should have been drowned at birth." Even the nobles visiting the castle would openly discuss her "unfortunate existence" as if she were a piece of furniture.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">I overheard one conversation that particularly stuck with me: "The King should have done the kingdom a favor and eliminated that cursed thing when it was born. Those red eyes are a sign of evil incarnate."</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">Well, who cares. I had to survive on my own too. Life's tough for everyone.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But even as I told myself I didn't care, I found myself watching her more carefully. The way she would flinch when footsteps approached. How she would check every corner before entering a room. The practiced way she would make herself small and invisible when other nobles were around.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Then, a few weeks later, I found her.</span></div><center><img src="images/nimeria/younghurt.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I was returning from the laundry when I heard soft whimpering from her room. Inside, Nimeria sat on her bed, her dress torn and bloody scratches covering her arms and face. She was trying to clean the wounds herself with shaking hands.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Nimeria! What happened to you? Where did you get these scratches?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She looked up at me with those red eyes, now rimmed with tears she was desperately trying to hold back.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceyounghurt.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I fell down."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The lie was so obvious it was insulting. These weren't scratches from a fall—they were deliberate, precise. The kind that came from fingernails and maybe a few well-placed kicks. I'd seen enough violence in the slums to recognize the signs.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Let me guess—Prince Seryk and his charming friends decided to 'play' with you again?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The way she flinched told me everything I needed to know. Without asking permission, I went to get the medical supplies and began cleaning her wounds. She sat perfectly still, but I could feel the tension radiating from her small frame.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As I worked, she spoke so quietly I almost missed it.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceyounghurt.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Do you hate me too?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The question hit me like a physical blow. I paused in my work, looking down at this small, broken child who had been nothing but cruel to me since I arrived. Part of me wanted to say yes—she was spoiled, mean, and had insulted me at every opportunity.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But as I looked at her—really looked at her—I saw something that made my chest tighten. She wasn't spoiled. She was surviving. Every cruel word, every insult, every wall she'd built around herself was just another way of keeping the world at a distance before it could hurt her again.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"I... honestly, I don't know."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">It was the truth. I'd spent so long hating the world, hating everyone in it, that I wasn't sure I knew how to feel anything else. But these past few weeks... watching her play with Zarn, seeing her read those terrible books, witnessing her try to navigate a world that despised her very existence...</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Maybe they had been fun. Maybe, for the first time in years, I hadn't felt completely alone.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"But I'll tell you what I do know—you don't deserve this. Nobody does."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">For the first time since I'd met her, Nimeria's mask slipped completely. A single tear rolled down her cheek, and in that moment, she looked exactly like what she was—a frightened, lonely child who had been fighting the world all by herself.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But as I finished bandaging her wounds and looked at her tear-streaked face, something else began to burn inside me. A fury unlike anything I'd ever felt before. All my life, I'd accepted that the world was cruel, that the strong crushed the weak, that suffering was simply the natural order.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But this? This was different. This wasn't survival or necessity—it was pure, senseless cruelty. They hurt her not because they had to, but because they could. Because everyone else looked the other way.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 30, 30, 0.85), rgba(50, 20, 20, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">They should all burn in hell. Every last one of them—the nobles, the servants, the guards who turned blind eyes, and especially those coward children who picked on someone smaller than themselves.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(60, 30, 30, 0.85), rgba(50, 20, 20, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">I was done being the quiet, obedient maid who cleaned up their messes and pretended not to see their sins. If they wanted a monster in their precious castle, then by the gods, I'd give them one.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[A few days later...|MiraConfrontsTheBullies]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('tension.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(120, 20, 20, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF6347; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">⚡ BREAKING POINT ⚡</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Three days passed since that night with Nimeria's tears. Three days of watching the same patterns repeat—cruel whispers, turned backs, and deliberate isolation. My rage had settled into a cold, patient fury, waiting for the right moment to strike.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">That moment came as I was cleaning the upper hall windows, cloth in hand, when I heard familiar voices from the garden below. The sound made my blood freeze—not because I didn't recognize it, but because I did.</span></div> <center><img src="images/nimeria/surrounded.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Below in the garden, Nimeria stood in the center of a circle. But this time was different—this time they weren't just using words. Torin and Drevon each held thick wooden sticks, holding them like weapons while they circled her like predators.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Torin: "You shouldn't have been born, cursed witch! Look at you—black hair, red eyes. You're not even a real demon!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic; font-size: 0.9em;">Drevon: "Yeah! What are you doing inside the castle anyway? Zarn is probably your real father—you should live in a doghouse with the other animals!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My hands clenched around the cleaning cloth as I watched Nimeria shrink back, her small frame trembling. But what made my vision go red wasn't just their cruelty—it was seeing Prince Seryk standing there, watching, saying nothing.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">Torin: "Hey Seryk! Come on, tell the witch what she deserves! Your friends want to hear you say it!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(80, 40, 40, 0.85), rgba(70, 30, 30, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.7); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #DDA0DD; font-style: italic; font-size: 0.9em;">Drevon: "Yeah! Punish her, Seryk! Show her what happens to mistakes like her!"</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Seryk's face showed the same conflict I'd seen that day in the forest—fear of losing his friends warring with some buried conscience. But just like before, cowardice won.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(100, 50, 50, 0.85), rgba(90, 40, 40, 0.9)); border-left: 4px solid rgba(139, 0, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #87CEEB; font-style: italic; font-size: 0.9em;">Seryk: "Y-yes... true. You shouldn't have been born."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">And then I saw them—the castle guards, standing barely twenty feet away, watching this entire scene unfold. Watching armed children terrorize a four-year-old girl. Watching their prince participate in torture. And they did absolutely nothing.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(139, 0, 0, 0.85), rgba(120, 0, 0, 0.9)); border-left: 4px solid rgba(255, 69, 0, 0.8); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FFB6C1; font-style: italic;">That was it. That was the moment my last thread of restraint snapped like a bowstring.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Rush to Nimeria's defense|MiraAttacks]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mirapast.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🎭 The Princess and Her Knight 🎭</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I settled into a chair and watched as Nimeria continued her elaborate fantasy. She had positioned several dolls around a makeshift castle built from books and pillows, with Zarn serving as her mighty steed.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Fear not, my princess! I, Sir Zarn the Brave, shall rescue you from this terrible tower!"</span></div><div style="clear: left;"></div></div><center><img src="images/zarn/youngzarn.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She made Zarn "gallop" around the room while she rode on his back, acting out an elaborate rescue scene. For a moment, she almost looked like a normal child having fun.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Oh, thank you, brave knight! You've saved me from the wicked sorcerer!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But then her expression shifted, becoming thoughtful and dissatisfied.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"No... no, that doesn't work. My knight doesn't have black fur and fangs. My knight has golden hair and is a human... with kind blue eyes and a gentle smile..."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Something about the wistful way she said it tugged at my heart. Here was a child dreaming of someone who would accept her, love her despite what everyone called her "curse." I found myself speaking before I could think better of it.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"You know, I could play the knight if you want. I'm better at pretending than you might think."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria looked at me with those piercing red eyes, and I could see her considering the offer. For a moment, I thought she might actually accept. Then her expression turned cold and mocking.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You? A knight? I don't mind my knight being female, but just look at you with your horns. You look more like a goat than a knight!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*She's just a child. Don't get angry. She's just a child who doesn't know any better.*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Well, even goats can be brave, Your Highness. But I understand if you prefer—"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Even Zarn would make a better knight than you."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*She's just a child... she's just a child...*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Ugly!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*She's just a brat...*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/youngfacemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You'd be better off doing something useful and eating some grass. But considering your breast size, you aren't even good enough to give milk!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*This stupid little brat...*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/facemaid.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Your Highness has quite the vocabulary for someone so young. I'm impressed."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I managed to keep my voice level, though my hands were clenched into fists. This spoiled little princess thought she had it bad? She who lived in luxury while I had scrounged for scraps in the gutter? Who did she think she was to look down on me like that?</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But as I watched her return to her game, speaking in that wistful voice about her imaginary golden-haired knight, I realized something. Her insults weren't creative—they were desperate. Like a cornered animal lashing out at anything that came too close.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue observing|MiraDiscovery]] </div></div><<changeFace $currentMiraFace>><<statSummary>>

<<if $rylan_NimeriaHandjobCount == 1>><<set $rylan_NimeriaOrgasmsReceived = 1>><<set $nimeria_RylanOrgasmsGiven = 1>><<set $rylan_NimeriaHandjobTakenCount = 1>><<set $rylan_NimeriaHandjobCount = 0>><</if>><<if $nimeriaGayDreamUsed>><<if not $rylanFirstHandjob>><<set $rylanFirstHandjob = "Seryk">><</if>><<if not $serykFirstHandjob>><<set $serykFirstHandjob = $humanName>><</if>><</if>> <<script>>window.AudioSystem.playBGM('default4.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "morning">><<if not $fetishCleanupDone>><<script>> (function() { const removedFetishMechanics = [ 'ClothingFetishBonus', 'LingerieAddictionBonus', 'VoiceFetishBonus', 'UniformFetishBonus', 'MarkingFetishBonus' ]; const allCharacters = ['rylan', 'liora', 'serin', 'mariel', 'seryk', 'nimeria', 'thalor']; allCharacters.forEach(character => { const soulEffectsVar = character + '_soulEffects'; const soulEffects = State.variables[soulEffectsVar]; if (soulEffects && Array.isArray(soulEffects)) { const cleanedEffects = []; const removedCorruptionLevels = []; const removedBlessingLevels = []; soulEffects.forEach(effect => { if (removedFetishMechanics.includes(effect.mechanic)) { const level = effect.level || 1; if (effect.type === 'corruption') { removedCorruptionLevels.push(level); } else if (effect.type === 'blessing') { removedBlessingLevels.push(level); } } else { cleanedEffects.push(effect); } }); State.variables[soulEffectsVar] = cleanedEffects; // Generate replacement effects for removed ones with preserved levels if (removedCorruptionLevels.length > 0 || removedBlessingLevels.length > 0) { console.log(`Replacing ${removedCorruptionLevels.length} corruptions and ${removedBlessingLevels.length} blessings for ${character}`); removedCorruptionLevels.forEach(level => { const newEffect = window.SoulSystem.applyRandomCorruption(character); // Set the level to match the removed effect const latestEffect = State.variables[character + '_soulEffects'][State.variables[character + '_soulEffects'].length - 1]; if (latestEffect && level > 1) { latestEffect.level = level; latestEffect.effect = window.SoulSystem.updateEffectDescription(latestEffect, level); } console.log(`Added level ${level} corruption for ${character}:`, newEffect); }); removedBlessingLevels.forEach(level => { const newEffect = window.SoulSystem.applyRandomBlessing(character); // Set the level to match the removed effect const latestEffect = State.variables[character + '_soulEffects'][State.variables[character + '_soulEffects'].length - 1]; if (latestEffect && level > 1) { latestEffect.level = level; latestEffect.effect = window.SoulSystem.updateEffectDescription(latestEffect, level); } console.log(`Added level ${level} blessing for ${character}:`, newEffect); }); } } }); State.variables.fetishCleanupDone = true; console.log("Fetish cleanup completed for all characters"); })(); <</script>><</if>><div class="morning-scene-container" style="background: linear-gradient(to bottom, rgba(255, 250, 205, 0.85) 0%, rgba(255, 228, 181, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="kitchen-overlay" style="background: url('images/landscapes/kitchen_morning.webp') center/cover; opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="kitchen-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <<set $gameDay = ($gameDay || 1) + 1>><h2 style="color: #D2691E; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">Morning in the Kitchen</h2> <p style="color: #CD853F; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">The warm sunlight filters through the windows as the household gathers for breakfast...</p></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I wake up feeling a bit disoriented, fragments of strange dreams still clinging to the edges of my consciousness. The smell of breakfast draws me downstairs to the kitchen, where the familiar sounds of morning conversation greet me.</span></div><<if $nimeriaGayDreamUsed>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<if $rylan_gayValue > 0.5>>My cheeks burn as vivid memories of last night's dream surface. Seryk and I... doing things that feel frighteningly real. The sensations, the heat, the way he looked at me... I shake my head, trying to dispel the confusing feelings.<<else>>There's something nagging at the back of my mind about Seryk, some dream that felt unnaturally vivid, but the details slip away like smoke. Still, I find myself feeling oddly flustered at the thought of facing him this morning.<</if>></span></div><</if>> <div style="margin: 25px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px;"> <p style="color: #F5DEB3; line-height: 1.6;">The kitchen is alive with morning activity. <<print $humanToMariel.charAt(0).toUpperCase() + $humanToMariel.slice(1)>> stands at the stove, her appearance radiant in the morning light. Seryk sits at the table with his usual easy confidence, while Serin leans against the counter with a piece of toast. Liora sits quietly at the table, her gentle presence brightening the room, while Nimeria perches on a chair with her characteristic innocent smile.</p></div><div class="speaker-block" style="margin-bottom: 20px;"> <center><img src="images/mariel/kitchenback.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <<if $marielTransformationMother>><img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><<else>><img src="images/mariel/stage2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $marielTransformationMother>><span class="dialog-mariel">Good morning, sweetheart! I was just making your favorite eggs. Come sit down and eat while they're still warm, dear. You need to keep your strength up for all that guild work.</span><<else>><span class="dialog-mariel">Morning, $humanName. Perfect timing - I just finished making breakfast. Help yourself to whatever you'd like.</span><</if>></div><div style="clear: left;"></div></div><<if $marielTransformationMother>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">There's something different about <<print $humanToMariel.charAt(0).toUpperCase() + $humanToMariel.slice(1)>> lately. She's been so... maternal toward me. The way she speaks, the gentle touches, the constant concern for my wellbeing. It's comforting but also confusing - like she sees me as much younger than I am.</span></div><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <<if $nimeriaGayDreamUsed>><img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><<else>><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $nimeriaGayDreamUsed>><span class="dialog-seryk">Morning... $humanName. Did you, uh... sleep alright? I had some really weird dreams last night. Really... disturbing ones.</span><<else>><span class="dialog-seryk">Morning, bro! Sleep well? You look a bit... flustered this morning. Bad dreams or good ones?</span><</if>></div><div style="clear: left;"></div></div><<if $nimeriaGayDreamUsed>> <center><img src="images/seryk/side.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">There's something different about Seryk this morning. He seems... uncomfortable? Awkward? He's avoiding eye contact and there's none of his usual casual confidence. Did he have the same dream? The thought makes my stomach churn with a mixture of embarrassment and confusion.</span></div> <<quickRoll "Composure" "Rylan" 95 5 "gayValue" 3>><<if not _tempRollSuccess>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">I... uh... just strange dreams, I guess. Nothing important.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I stammer through my response, my cheeks burning with embarrassment. There's no way I can tell him about the dream - about the way his hands felt on my body, the heat of his breath, the confusing pleasure that seemed so real...</span></div><<changeLust "Rylan" 1>><<changeFetish "Rylan" "gayValue" 0.1>><<changeAttraction "Rylan" "Seryk" 0.5>><<else>> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Just the usual weird dreams. You know how it is. Nothing worth talking about.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I manage to keep my composure, though there's still something unsettling about the way he's looking at me. Like he knows something I don't. I push the feeling aside and focus on breakfast.</span></div><</if>><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">Well, well, someone's definitely blushing this morning. What's got you all flustered, $humanName? Did someone special visit your dreams?</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/serin/toastinmouth.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <span style="color: #F5DEB3; font-style: italic;">Serin's teasing grin makes my embarrassment worse. She always seems to know exactly how to get under my skin. I notice the way she stretches her arms above her head, showing off her toned muscles through her tight training outfit.</span></div><<quickRoll "Muscle Appreciation" "Rylan" 95 5 "muscleFetish" 2>><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My eyes linger on the defined lines of her biceps, the way her shirt clings to her athletic frame. There's something captivating about her strength, the power in those lean muscles that she works so hard to maintain.</span></div> <<changeFetish "Rylan" "muscleFetish" 0.2>><<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Serin" 1.0>><<changeAttraction "Rylan" "Serin" 0.1>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I try to focus on her face instead of her athletic build, though I can't help but notice how confident she looks in her training gear. Her tomboyish charm is definitely having some effect on me.</span></div><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Can we just eat breakfast without the commentary on my supposed love life? Some of us are hungry here.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <<if $nimeriaGayDreamUsed>><img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><<else>><img src="images/seryk/grin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $nimeriaGayDreamUsed>><span class="dialog-seryk">Yeah, well... maybe we should just... focus on breakfast. Less talking, more eating.</span><<else>><span class="dialog-seryk">Don't be so defensive, bro. We're just having fun. Besides, a little teasing between friends is healthy. Keeps things interesting.</span><</if>></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<if $nimeriaGayDreamUsed>>Seryk's trying to shut down the conversation now, clearly uncomfortable with the teasing. His usual confident demeanor is completely absent, replaced by an awkwardness that mirrors my own feelings.<<else>>That grin of his is doing something strange to my stomach. There's something infectious about his confidence that both annoys and attracts me.<</if>></span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">Oh come on, $humanName! You should see yourself right now. Your face is redder than a tomato. What exactly were you dreaming about?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">S-Serin, maybe we shouldn't tease $humanName so much about his dreams. Everyone has... private thoughts sometimes, right?</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Liora's gentle voice provides a welcome interruption, though her cheeks are slightly pink as she speaks. There's something endearing about how she tries to defend me, even while clearly embarrassed by the topic of dreams herself.</span></div><<quickRoll "Innocent Appeal" "Rylan" 95 5 "submissionFetish" 2>><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her innocent attempt to help me sends a wave of protective feelings through my chest. There's something captivating about her gentle nature and the way she blushes so easily. I find myself wanting to shield her from Serin's teasing.</span></div> <<changeFetish "Rylan" "submissionFetish" 0.15>><<changeLust "Rylan" 1>><<changeAffection "Rylan" "Liora" 2>><<changeAttraction "Rylan" "Liora" 0.1>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I appreciate Liora trying to help, though her shy demeanor is quite charming. She's always been the gentle mediator in our group.</span></div><<changeAffection "Rylan" "Liora" 1>><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><center><img src="images/nimeria/kitchenchair.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <span class="dialog-nimeria">Oh my, everyone seems so flustered this morning! Dreams can be such mysterious things, can't they? Sometimes they show us desires we didn't even know we had~</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria's innocent smile seems to hide something deeper, and her comment about hidden desires makes me feel like she knows more than she's letting on. There's an almost hypnotic quality to her voice that draws my attention.</span></div><<quickRoll "Mysterious Charm" "Rylan" 95 5 "voyeurismFetish" 3>><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Something about Nimeria's knowing smile and mysterious words makes me wonder what secrets she might be hiding. I find myself studying her more intently, curious about what goes on behind that innocent facade.</span></div> <<changeFetish "Rylan" "voyeurismFetish" 0.2>><<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Nimeria" 1>><<changeAttraction "Rylan" "Nimeria" 0.1>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria always has an interesting perspective on things. Her comment about dreams is oddly insightful, though I'm not sure what to make of it.</span></div><<changeAttraction "Rylan" "Nimeria" 1>><</if>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><center><img src="images/serin/bending.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <span style="color: #F5DEB3; font-style: italic;">I notice Serin lean forward slightly as she teases me, giving me an unintentional view down her training top. The morning light catches on a few drops of sweat from her earlier workout, and I catch a faint scent of her natural musk mixed with exertion.</span></div><<quickRoll "Scent Temptation" "Rylan" 95 5 "smellFetish" 3>><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I find myself taking a deeper breath, the intoxicating mixture of her natural scent and workout musk filling my nostrils. There's something primal about it that makes my heart race faster. I quickly look away before she notices me staring.</span></div> <<changeFetish "Rylan" "smellFetish" 0.25>><<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Serin" 0.5>><<changeAttraction "Rylan" "Serin" 0.1>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I catch a whiff of her post-workout scent but manage to keep my composure. Still, there's something oddly appealing about her natural musk that I try not to think about too much.</span></div><</if>><<if $marielTransformationMother>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/stage2/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">Now, now, you two. Stop teasing my dear $humanName. He needs a proper breakfast, not all this silly chatter. Come here, sweetheart, let me fix your hair - it's all messy from sleep.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Before I can protest, <<print $humanToMariel.charAt(0).toUpperCase() + $humanToMariel.slice(1)>> comes over and starts gently combing her fingers through my hair, her maternal touch both comforting and confusing. The others watch with amused expressions as she fusses over me like I'm a child.</span></div><<changeAffection "Rylan" "Mariel" 2>><<changeLust "Rylan" 1>><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Alright, alright. Can we talk about something other than my alleged romantic dreams? What's the plan for today anyway?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">Actually Seryk, I have something important to ask of you. I need you to go to Blightwood and collect some special plants for me. They have red leaves with green tips - here, let me show you.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/items/redplantdrawing.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <span style="color: #F5DEB3; font-style: italic;">Nimeria pulls out a carefully drawn sketch showing detailed plants with distinctive red leaves that fade to green at the tips. The drawing is surprisingly accurate and artistic.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">I've prepared an antidote that should make you resistant to the poisonous atmosphere there. I have enough for two people for now - just barely managed to create this much.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/items/antidote.webp" style="width: 200px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center> <span style="color: #F5DEB3; font-style: italic;">She produces two small vials containing a shimmering green liquid that seems to pulse with its own inner light. The antidote looks both mystical and potent.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <<if $nimeriaGayDreamUsed>><img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><<else>><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">Amazing! So from now on we don't have to rely on a healer to go into dangerous areas like that?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">It's not so easy, I'm afraid. The materials for the antidote are quite expensive and rare. If we had to buy protection for every mission, our rewards would be far less profitable. This is more of a special occasion solution.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The conversation about dangerous expeditions and antidotes makes the reality of our adventuring life feel more serious. It's a reminder that we're constantly balancing risk and reward in this line of work.</span></div><<if $rylanxserincontent>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As the conversation continues, I notice Serin moving closer to me. She leans in subtly, pretending to reach for something on the table, but her lips move close to my ear.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin" style="font-size: 0.9em; font-style: italic;">Come to my room later, $humanName. I have something... private I want to show you. Something we discussed before.</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her whispered words send a shiver down my spine. The way she says "private" and the look in her eyes makes it clear this isn't about casual conversation. My heart rate picks up as I try to maintain my composure in front of the others.</span></div> <<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Serin" 0.5>><</if>><<if $rylan_GayValue > 0.5>> <div class="speaker-block" style="margin-bottom: 20px;"><<if $nimeriaGayDreamUsed>><img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><<else>><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><</if>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <<if $nimeriaGayDreamUsed>><span class="dialog-seryk">Actually, $humanName... maybe you'd want to come with me to Blightwood? Could use the company, and... well, it might be good for us to spend some time together. Clear the air about... things.</span><<else>><span class="dialog-seryk">Hey $humanName, want to come with me to Blightwood? Could be a good opportunity for us to train together away from the others. Just the two of us, bro.</span><</if>></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<if $nimeriaGayDreamUsed>>Seryk's invitation catches me off guard. After the awkwardness this morning, I wasn't expecting him to want to spend time alone with me. The mention of "clearing the air" makes my stomach flutter with nervous anticipation.<<else>>There's something appealing about the idea of spending time alone with Seryk. His confident demeanor and physical presence have been having an odd effect on me lately.<</if>></span></div> <<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Seryk" 0.5>><</if>><div class="speaker-block" style="margin-bottom: 20px;"><<if $rylanxserincontent>> [[Go to Serin's room as she asked|SerinPrivateRoom]] <<else>>[[Continue|SerinChapter4ReportNimeria]]<</if>></div></div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>> // Complete audio cleanup function function stopAllLoopingSounds() { if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); window.AudioSystem.sfx.players = {}; } if (window.currentLoopingSFX) { try { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; window.currentLoopingSFX = null; } catch(e) {} } document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } catch(e) {} }); } // Stop all existing sounds first stopAllLoopingSounds(); // start deepkiss.mp3 after cleanup setTimeout(function() { window.currentLoopingSFX = new Audio('sounds/hsounds/handjob.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = window.AudioSystem.sfx.volume || 0.5; window.currentLoopingSFX.muted = window.AudioSystem.sfx.muted || false; window.currentLoopingSFX.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('SFX loop failed:', e)); }); window.currentLoopingSFX.load(); }, 300); <</script>> <<set $rylan_cumAmount to 10>><<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $nimeriaMorningVisitChapter4 = true>><<if not $morningVisitedToday>><<set $morningVisitedToday = []>><</if>><<set $morningVisitedToday.push("Nimeria")>><<if not $nimeria_SmellFetish>><<set $nimeria_SmellFetish = 0>><</if>><<if not $rylan_SmellFetish>><<set $rylan_SmellFetish = 0>><</if>><<if not $rylan_VoiceFetish>><<set $rylan_VoiceFetish = 0>><</if>><<if not $rylan_NimeriaAffection>><<set $rylan_NimeriaAffection = 0>><</if>><<if not $rylan_NimeriaAttraction>><<set $rylan_NimeriaAttraction = 0>><</if>><<if not $nimeria_RylanAffection>><<set $nimeria_RylanAffection = 0>><</if>><<if not $nimeria_RylanAttraction>><<set $nimeria_RylanAttraction = 0>><</if>><<if not $rylan_Lust>><<set $rylan_Lust = 0>><</if>><<if not $nimeria_Lust>><<set $nimeria_Lust = 0>><</if>> <div class="morning-scene-container" style="background: linear-gradient(to bottom, rgba(200, 150, 255, 0.85) 0%, rgba(180, 130, 235, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-overlay" style="background: url('images/nimeria/face.webp') center/cover; opacity: 0.2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #9370DB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🌸 Nimeria's Room - Morning Visit 🌸</h2> <p style="color: #DDA0DD; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">You decide to visit Nimeria in her room...</p></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You knock gently on Nimeria's door before pushing it open. She's sitting on her bed, a book in her lap, but the moment she sees you, her face lights up with pure joy.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"<<print $humanName>>!"</span> she exclaims, setting the book aside immediately. Her voice is breathless with excitement, like a girl seeing her crush.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Am I disturbing you? I can come back later if-"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"No! Never!"</span> she interrupts quickly, her cheeks flushing pink. <span class="dialog-nimeria">"You can visit me anytime, day or night. Please, come sit next to me on my bed."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/nimeria/chapter4/sitonbed.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">Her enthusiasm is infectious, and you find yourself moving to sit beside her on the soft mattress. The bed dips slightly under your combined weight, bringing you closer to her than you expected.</span></div><<quickRoll "Scent Awareness" "Rylan" 80 5 "SmellFetish" 3>><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As you settle beside her, her natural scent hits you more intensely. It's sweet, almost intoxicating, with an underlying warmth that makes your heart beat a little faster. You find yourself breathing deeper without realizing it.</span></div><<changeFetish "Rylan" "SmellFetish" 0.3>><<changeLust "Rylan" 8>><<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As you settle beside her, you catch a subtle whiff of her natural scent. There's something distinctly sweet about it, almost floral, but you don't think much of it.</span></div><<changeFetish "Rylan" "SmellFetish" 0.1>><</if>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Tell me about your childhood,"</span> she says eagerly, turning to face you completely. <span class="dialog-nimeria">"How did you meet Liora and Serin? What was it like growing up here?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her genuine interest touches something inside you, and you find yourself opening up about your past. You tell her about your early memories, about meeting Liora when you were both children, about Serin's fierce protectiveness even as a young girl.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"That's so wonderful,"</span> she murmurs. <span class="dialog-nimeria">"You've built such beautiful bonds with them."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As the conversation continues, you're aware of her sweet scent but manage to focus on the discussion. Still, there's something oddly comforting about being close to her that makes you want to lean in closer.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You seem a bit tense, <<print $humanName>>. Would you like me to help you relax?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"How?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Close your eyes,"</span> she says softly, her voice taking on a hypnotic quality.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"But nothing dirty..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Don't worry,"</span> she whispers, her voice like honey. <span class="dialog-nimeria">"Just trust me."</span></div><div style="clear: left;"></div></div><<quickRoll "Hypnosis Resistance" "Rylan" 74 3 "mindControlSusceptibility" 5>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Against your better judgment, you close your eyes. Nimeria moves closer, her warm breath tickling your ear as she begins to whisper.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Just listen to my voice, <<print $humanName>>. Let all your worries drift away. Feel yourself sinking into comfort, into peace. My voice is all that matters now..."</span></div><div style="clear: left;"></div></div><<if not _tempRollSuccess>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her voice washes over you like a gentle tide, pulling you deeper and deeper into a trance-like state. Your mind grows foggy, your resistance crumbling as her hypnotic whispers take hold. Everything else fades away except her melodic voice guiding you into submission.</span></div> <<set $rylan_mindControlResistance -= 1>><<trackOther "Rylan" "MindControlResistance" -1>><<set $rylan_mindControlSusceptibility += 1>><<trackOther "Rylan" "MindControlSusceptibility" 1>><<changeFetish "Rylan" "SubmissionFetish" 0.3>><<changeLust "Rylan" 15>><<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You feel relaxed but maintain awareness of what's happening. Her voice is soothing, but you don't fall completely under her influence.</span></div><<set $rylan_mindControlResistance -= 1>><<trackOther "Rylan" "MindControlResistance" -1>><<set $rylan_mindControlSusceptibility += 1>><<trackOther "Rylan" "MindControlSusceptibility" 1>><</if>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Time seems to blur as her voice continues to weave its spell around you...</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"How... how long was I asleep?"</span> you ask when you finally open your eyes, feeling disoriented and strangely aroused.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Not long"</span> she says with a mysterious smile.</div><div style="clear: left;"></div></div><<if $nimeriaxrylancontent === true>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/nimeria/chapter4/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">Without warning, you feel her hand gently rubbing over your pants. Your eyes widen as you realize how hard and aroused you've become during the trance.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"...Nimeria... stop... Liora..."</span> you manage to whisper, your voice weak and confused.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Psst, don't worry,"</span> she whispers seductively, her fingers continuing to trace patterns over your bulge. <span class="dialog-nimeria">"I'm just helping you relax. It's not cheating, just a massage..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facehypnotized.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Just... a massage..."</span> you repeat in a trance-like voice, your resistance completely gone.</div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/2.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">With practiced movements, she begins removing your shirt, her fingers trailing across your skin. Every touch sends electric jolts through your body as she leans in to press soft kisses against your chest.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You're so beautiful, <<print $humanName>>,"</span> she murmurs against your skin, her voice husky with desire.</div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Your pants soon follow, and she gasps with delight when she sees how hard you are for her.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Perfect,"</span> she breathes, leaning down to inhale your scent. <span class="dialog-nimeria">"I love your smell, <<print $humanName>>. You're intoxicating."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facehypnotized.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"...Nimeria..."</span> you whisper, still lost in the trance.</div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/3.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her hand wraps around your length, and you gasp at the contact. Her touch is soft yet firm, knowing exactly how to make you tremble with pleasure.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"That's it, just relax and let me take care of you,"</span> she purrs, her strokes becoming more rhythmic. <span class="dialog-nimeria">"You deserve this pleasure, my sweet <<print $humanName>>."</span></div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/4.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her technique is masterful, alternating between gentle caresses and firmer strokes that make your hips buck involuntarily. The combination of her hypnotic influence and skilled touch has you completely at her mercy.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceseductive.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You're doing so well for me,"</span> she whispers, her breath hot against your ear. <span class="dialog-nimeria">"Just let yourself feel everything. Don't think, just experience..."</span></div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/5.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She varies her rhythm expertly, sometimes slow and teasing, building tension until you're practically writhing beneath her touch, then picking up the pace until you're gasping with need. Your mind is completely clouded by the hypnotic trance and overwhelming pleasure.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facehypnotized.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Nimeria... this feels... I can't..."</span> you moan, your voice thick with desire and confusion.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Shh, my sweet boy. Don't fight it. This is what you need, what your body craves. Just surrender to me completely..."</span></div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/6.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She leans down, her lips ghosting along your neck as her hand continues its relentless work. You can feel her warm breath, smell her intoxicating scent even stronger now. Every nerve in your body feels electrified, hypersensitive to her every touch.</span></div> <div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceseductive.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I can feel how close you're getting,"</span> she purrs against your skin. <span class="dialog-nimeria">"Your body is telling me everything. You want this so badly, don't you?"</span></div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/7.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The intensity builds to almost unbearable levels. Her technique becomes more focused, more deliberate, as if she knows exactly how to push you right to the edge and keep you there. Your breathing becomes ragged, your whole body trembling with need.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facehypnotized.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Please... I need... I can't hold back much longer..."</span> you gasp, your voice barely coherent.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"That's it, my darling. You're being such a good boy for me. Just a little more... let me take you even higher..."</span></div><div style="clear: left;"></div></div> <center><img src="images/nimeria/chapter4/8.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She shifts her position slightly, changing the angle and pressure of her strokes. The new sensation sends shockwaves through your entire body. You feel like you're floating, completely lost in a haze of pleasure and hypnotic bliss.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceseductive.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You feel so wonderful in my hands,"</span> she whispers intimately. <span class="dialog-nimeria">"I love watching you lose yourself like this. So vulnerable, so trusting..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The final buildup begins in earnest. Her movements become more urgent, more purposeful. You can feel the tension coiling tighter and tighter in your core, like a spring wound to its absolute limit. Your whole world has narrowed down to this moment, this sensation, this overwhelming need for release.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Nimeria... I'm going to... I can't stop it..."</span> you moan desperately.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"That's perfect, my sweet boy. Let it happen. Give yourself to me completely. Let me see how good I make you feel..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Your breathing becomes ragged as the pressure builds to its absolute peak, your body responding eagerly to her ministrations despite your confused state. The point of no return approaches rapidly...</span></div> <<set $rylan_handjobTakenCount += 1>><<trackExperience "Rylan" "handjobTakenCount" 1>><<set $nimeria_handjobDoneCount += 1>><<trackExperience "Nimeria" "handjobDoneCount" 1>><<set $rylan_NimeriaHandjobTakenCount += 1>><<set $Nimeria_RylanHandjobCount += 1>><<changeFetish "Nimeria" "SmellFetish" 0.3>><<changeLust "Rylan" 25>><<changeLust "Nimeria" 15>><div style="text-align: center; margin: 30px 0;"> [[The pleasure builds to its peak...|NimeriaMorningVisitChapter4Climax]]<<changeFace $currentRylanFace>><<statSummary>></div><<else>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You feel strangely aroused from the trance, though you're not sure why. Your body feels warm and sensitive in ways you don't understand.</span></div><<changeLust "Rylan" 10>> <<if $humanTransformationFeminine === false>><div style="text-align: center; margin: 30px 0;"> [[Leave Nimeria's room|MorningActivitiesChapter4]]<<changeFace $currentRylanFace>><<statSummary>></div><</if>><<if $humanTransformationFeminine === true>> <div style="margin: 25px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 12px; padding: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">After the intense experience, Nimeria reaches into a drawer and pulls out a pair of delicate white panties trimmed with lace.</span></div> <center><img src="images/items/whitepantiesbox.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"I want you to wear these from now on,"</span> she says casually, holding them out to you.</div><div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What the heck?!"</span> you exclaim, snapping out of your post-trance haze.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceplayful.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"It's fine, no one will see unless you remove your pants. And believe me, you'll like it. It feels so much better on your skin than boxers - softer, more comfortable."</span> </div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceseductive.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Just try one on for me. What's the harm in that? You might discover something new about yourself."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You know you should be reluctant, should refuse this strange request. But somehow, the idea intrigues you in a way you don't understand. There's a part of you that's curious about how they might feel.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"I... I suppose I could test it for a bit,"</span> you hear yourself saying, surprised by your own words. <span class="dialog-rylan">"Just to see how they feel."</span></div> <div style="clear: left;"></div></div><<if $rylan_masculinity === 69>><<set $rylan_masculinity -= 4>><<trackOther "Rylan" "Masculinity" -4>><<else>><<set $rylan_masculinity -= 5>><<trackOther "Rylan" "Masculinity" -5>><</if>><<set $rylan_wearingPanties = true>><<changeFetish "Rylan" "CrossdressingFetish" 0.2>><<setTransformation "rylan" "panties" true>><<script>> setTimeout(function() { if (window.Engine && window.Engine.show) { window.Engine.show(); } }, 100); <</script>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As you slip into the delicate undergarment, you're immediately struck by how different they feel. The silky material is so much softer against your skin than the rough cotton of your usual boxers. They hug your body in places that feel surprisingly... comfortable. The fabric seems to caress rather than just cover.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesurprised.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <center><img src="images/rylan/nakedpanties.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span class="dialog-rylan">"These... they're actually really soft,"</span> you admit, surprised by how pleasant the sensation is. <span class="dialog-rylan">"Nothing like boxers at all."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"See? I told you so! And they look wonderful on you too. You should look in the mirror - see how well they suit you."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"It looks... weird,"</span> you say hesitantly as you glance at yourself in her full-length mirror, seeing your masculine frame in the delicate white lace.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <center><img src="images/rylan/chapter4/femalemirror.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <img src="images/nimeria/faceplayful.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Try this - close your eyes for me,"</span> she says, moving to stand behind you, her hands gently guiding your head position. <span class="dialog-nimeria">"Now tilt your head down, as if you were looking at your feet."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You follow her instruction, curious despite your embarrassment.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Now open your eyes and slowly... very slowly... move your head up until you can only see your lower body and those beautiful panties."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">You do as she asks, and when your gaze settles on your lower body in the mirror, something strange happens. Without the context of your full masculine frame, without seeing your broad shoulders and chest, your lower body looks... different. More slender. The panties accentuate curves you never noticed before. Your athletic build suddenly looks more like that of a toned woman.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesurprised.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Oh..."</span> you breathe, staring at the reflection. From this angle, it really does look like a woman's body - athletic and muscular for a woman, but well-built and graceful.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <center><img src="images/rylan/pantiesview.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Still looking weird?"</span> she asks with a gentle smile. <span class="dialog-nimeria">"Imagine if you had a more feminine figure - wouldn't that be interesting? Different perspectives can change everything."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"I... it does look different like this,"</span> you admit quietly. <span class="dialog-rylan">"But what would others think if they saw?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceplayful.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Did you know that men in the past wore skirts too? In some regions they even do today. Fashion and comfort aren't bound by arbitrary rules."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Yes, I've seen some historical drawings..."</span> you reply thoughtfully.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"So is it really weird wearing them? Or are you just worried about what others might think? Be stronger than that. Don't let others decide what's comfortable for you."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her words carry a compelling logic that makes you reconsider your assumptions. When she puts it that way, maybe there really isn't anything inherently wrong with wearing something comfortable, regardless of traditional expectations. Her perspective makes it seem like a matter of personal choice rather than social taboo.</span></div><<changeFetish "Rylan" "CrossdressingFetish" 0.1>><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Wonderful! You won't regret this, I promise. They suit you perfectly."</span></div><div style="clear: left;"></div></div></div> <<changeAffection "Rylan" "Nimeria" 2>><<changeAffection "Nimeria" "Rylan" 3>><<changeAttraction "Rylan" "Nimeria" 1.5>><<changeAttraction "Nimeria" "Rylan" 2>> <div style="text-align: center; margin: 30px 0;"> [[Leave Nimeria's room|MorningActivitiesChapter4]] </div><<changeFace $currentRylanFace>><<statSummary>><</if>> <</if>>

<<script>>window.AudioSystem.playBGM('default4.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95) 0%, rgba(15, 15, 25, 0.98) 50%, rgba(35, 25, 45, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('images/landscapes/mystical_transition.webp') center/cover; opacity: 0.1;"></div> <div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> The wheels of fate turn in distant halls of power...</div> <div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #D8BFD8; font-size: 1.1em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> While queens and demons plan for uncertain tomorrows... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> Our hero awakens to a morning filled with familiar faces and lingering dreams... </div><div id="continue-link" style="opacity: 0; margin-top: 40px;"><span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|MorningKitchenTalk]]</span></div></div></div> <<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 2000); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 4000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 5500); <</script>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 35, 25, 0.95) 0%, rgba(15, 25, 15, 0.98) 50%, rgba(35, 45, 35, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"><div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #98FB98; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> ✨ Perspective Shift ✨ </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> Meanwhile, in another room, a healer struggles with forbidden desires... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> The scene shifts to follow <<print $humanToMariel>>'s conflicted heart as temptation overwhelms duty...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|MarielHelpsSeryk]]</span></div></div></div><<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>><<changeFace $currentMarielFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('transformation.mp3');<</script>><<set $currentFace = $currentLioraFace>> <div style="background: linear-gradient(135deg, rgba(255, 182, 193, 0.8) 0%, rgba(255, 105, 180, 0.6) 50%, rgba(139, 69, 19, 0.4) 100%); color: white; padding: 40px; text-align: center; border-radius: 15px; box-shadow: 0 0 20px rgba(255, 182, 193, 0.3);"> <div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; font-size: 1.3em; margin-bottom: 20px;"> The sweet moment lingers in the air... </div> <div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; font-size: 1.2em; margin-bottom: 20px;"> But innocence has awakened something unexpected... </div> <div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; font-size: 1.1em; margin-bottom: 20px;"> Following Liora as she discovers a shocking transformation... </div> <div id="continue-link" style="opacity: 0; transition: opacity 1s ease-in-out; margin-top: 30px;"> [[Continue|LioraDiscovery]] </div></div> <<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 2000); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 4000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 5000); setTimeout(function() { var continueLink = document.querySelector('#continue-link a'); if (continueLink) { continueLink.click(); } }, 6000); <</script>> <<changeFace $currentLioraFace>>

<<set $MarielSerykBoxersHandjob = false>><<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 35, 25, 0.95) 0%, rgba(15, 25, 15, 0.98) 50%, rgba(35, 45, 35, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"><div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #98FB98; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> ✨ Perspective Shift ✨ </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> Meanwhile, in another room, a healer tends to wounds both physical and emotional... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> The scene shifts to follow <<print $humanToMariel>>'s conflicted thoughts as she works to save a life...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|MarielHealsSeryk]]</span></div></div></div><<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>><<changeFace $currentMarielFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('transitionambient.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95) 0%, rgba(15, 15, 25, 0.98) 50%, rgba(35, 25, 45, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"> <div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #87CEEB; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> ✨ Perspective Shift ✨ </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> The guest room grows quiet as concern weighs heavy on another's mind... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> The scene shifts as we follow <<print $humanName>>'s concerned footsteps down the corridor...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|POVLioraNTRChapter4]]</span></div></div></div> <<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95) 0%, rgba(15, 15, 25, 0.98) 50%, rgba(35, 25, 45, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"> <div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #87CEEB; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> 💭 Contemplation 💭 </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> The chaos of the day begins to settle... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> But in the quiet moments that follow, the mind wanders to darker thoughts... </div><div id="transition-text-4" style="opacity: 0; transition: opacity 1s ease-in-out; color: #FFB6C1; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> Questions without answers, doubts without resolution... </div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #87CEEB; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|RylanCh4Contemplating1]]</span></div></div></div> <<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('transition-text-4').style.opacity = '1'; }, 4500); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 6000); <</script>><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('transitionambient.mp3');<</script>><div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95) 0%, rgba(15, 15, 25, 0.98) 50%, rgba(35, 25, 45, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;"><div style="position: relative; z-index: 2; text-align: center; max-width: 600px; padding: 40px;"><div id="transition-text-1" style="opacity: 0; transition: opacity 1s ease-in-out; color: #87CEEB; font-size: 2em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> 💭 Return to Contemplation 💭 </div><div id="transition-text-2" style="opacity: 0; transition: opacity 1s ease-in-out; color: #E6E6FA; font-size: 1.2em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> As healing continues in one room, dark thoughts persist in another... </div><div id="transition-text-3" style="opacity: 0; transition: opacity 1s ease-in-out; color: #DDA0DD; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);"> The scene returns to <<print $humanName>>'s troubled mind as he grapples with prophecy and fear...</div><div id="continue-link" style="opacity: 0; margin-top: 40px;"> <span style="color: #FFB6C1; font-size: 1.1em; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">[[Continue|RylanCh4Contemplating3]]</span></div></div></div><<script>> setTimeout(function() { document.getElementById('transition-text-1').style.opacity = '1'; }, 100); setTimeout(function() { document.getElementById('transition-text-2').style.opacity = '1'; }, 1500); setTimeout(function() { document.getElementById('transition-text-3').style.opacity = '1'; }, 3000); setTimeout(function() { document.getElementById('continue-link').style.opacity = '1'; }, 4000); <</script>><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('resonancestage2.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 0, 0, 0.85) 0%, rgba(255, 69, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #FF4500; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">⚡ RESONANCE AWAKENS ⚡</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Suddenly, everything stops. Not just slows—completely, utterly stops. The flames freeze mid-flicker. Dust particles hang motionless in the air. Even my own heartbeat seems suspended between moments.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I can feel them. All of them. <<print $humanToMariel>>'s steady determination as she pours healing magic into Seryk. <<print $humanToThalor>>'s protective fury burning like a forge. Liora's trembling courage fighting through her terror. Serin's calculated readiness, muscles coiled like a spring. Nimeria's shocked grief. And Seryk... barely there, but still fighting.</span></div> <center><div style="background: linear-gradient(45deg, #FFD700, #FFA500, #FF4500, #DC143C); border: 3px solid #FFD700; border-radius: 15px; padding: 25px; margin: 20px 0;"> <h3 style="color: #000080; text-shadow: 2px 2px 4px rgba(255,255,255,0.8); font-size: 1.8em; margin-bottom: 15px;">⚡ RESONANCE STAGE 2 ACTIVATED ⚡</h3><div style="display: flex; justify-content: space-around; margin: 15px 0;"> <div style="text-align: center;"><span style="color: #8B0000; font-weight: bold; font-size: 1.2em;">PWR +60</span></div><div style="text-align: center;"><span style="color: #006400; font-weight: bold; font-size: 1.2em;">AGI +70</span></div></div><div style="display: flex; justify-content: space-around; margin: 15px 0;"><div style="text-align: center;"><span style="color: #4169E1; font-weight: bold; font-size: 1.2em;">TEC +100</span></div><div style="text-align: center;"><span style="color: #9932CC; font-weight: bold; font-size: 1.2em;">WIL +70</span></div></div><p style="color: #000080; font-style: italic; margin-top: 15px; font-size: 0.9em;">*TEMPORARY EMERGENCY ACTIVATION*</p></div></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">It's like becoming one with everyone else. Their thoughts, their intentions, their movements—all perfectly synchronized. A single nod is enough for perfect understanding. No words needed. We all know exactly what to do.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Time snaps back into motion like a released bowstring. Both <<print $humanToThalor>> and I spring to our feet, our swords already in our hands. The enhanced agility from the resonance makes every movement feel effortless, perfectly controlled.</span></div> <center><img src="images/story/chapter4/gairosfight/rylanattack.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Oh, you think you can kill me? HAHAHA!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Behind us, I can sense Liora's hands beginning to glow with golden light as she starts channeling enhancement magic. Even in her terror, her training kicks in—buff spells flowing from her fingertips to strengthen our desperate charge.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facefocused.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">"Divine Strength! Swift Step! Keen Edge!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/story/chapter4/gairosfight/lioraheal.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">We charge forward with speed that defies physics. The enhanced agility makes us blur across the devastated ground, our enhanced technique allowing perfect footwork even on the rubble-strewn terrain. But even with this incredible boost, we're not fast enough. The distance is too great. The fireball is already forming, already aimed.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesurprised.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"NO! We won't make it in time!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/gairos/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #4169E1;">"Too slow!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My heart sinks as I realize the terrible truth—we won't make it in time. The fireball is almost complete, Seryk is helpless, and we're still dozens of yards away. This desperate charge is going to fail...</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"But we don't need to make it in time..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">At the exact perfect moment—when Gairos is focused on our charge, when his attention is split between us and maintaining his spell—Serin materializes from the shadows behind him. Her enhanced agility from the resonance makes her movement completely silent, perfectly timed.</span></div> <center><img src="images/story/chapter4/gairosfight/serinattack.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">With the enhanced power and technique coursing through her, Serin drives one of her knives with devastating force straight through Gairos's stomach. The blade—which should have shattered against his legendary defenses—actually penetrates. Not deeply, barely an inch, but it goes through.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facefurious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">"Got you!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Gairos's concentration shatters. The fireball wavers, its perfect form beginning to collapse as pain and shock register on his face. For the first time since this nightmare began, the legendary wizard looks... surprised.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[The tables have turned...|GairosCounterattack]] </div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "afternoon">><<set $blightwoodVisitedToday = false>><div class="transition-container" style="background: linear-gradient(45deg, rgba(135, 206, 235, 0.8) 0%, rgba(200, 150, 255, 0.85) 50%, rgba(221, 160, 221, 0.9) 100%); min-height: 600px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 15px; position: relative; overflow: hidden;"><div class="transition-text" style="position: relative; z-index: 2;"><div style="opacity: 0; animation: fadeIn 1s ease-in-out 1s forwards;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 20px;">📅 Time Passes...</h2></div> <div style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"><p style="color: #DDA0DD; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.2em; margin-bottom: 30px;">As <<print $humanName>> rests peacefully, other thoughts stir in the household...</p></div> <div style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"><p style="color: #9370DB; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em;">Shifting perspective to Nimeria's private moments...</p></div></div></div> <style> @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style> <<timed 6s>><<set $currentFace = $currentNimeriaFace>>[[Continue to Nimeria's perspective...|NimeriaAfternoonReflection]]<</timed>>

<<script>>window.AudioSystem.playBGM('nimeriacrazy.mp3');<</script>><<set $currentFace = $currentNimeriaFace>> <div class="afternoon-scene-container" style="background: linear-gradient(to bottom, rgba(200, 150, 255, 0.85) 0%, rgba(180, 130, 235, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-overlay" style="background: url('images/nimeria/face.webp') center/cover; opacity: 0.15; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #9370DB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🌸 Nimeria's Room - Afternoon Solitude 🌸</h2> <p style="color: #DDA0DD; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">Alone with her thoughts and desires...</p></div> <center><img src="images/nimeria/room.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I sit on my bed, the afternoon light filtering through my curtains as the house settles into peaceful quiet. <<print $humanName>> is resting now, giving me time to think...</span></div><<if $nimeriaMorningVisitChapter4 === true>> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*The memory of this morning floods back to me, and I feel a familiar warmth spreading through my body. The way he looked at me, the way he responded to my touch, the sounds he made...*</span></div> <center><img src="images/nimeria/faceseductive.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*He's so perfect, so responsive. The way his body trembled under my hands, how completely he surrendered to my hypnosis... Soon, very soon, he'll be mine completely.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My hand starts to drift downward, my body responding to the vivid memories. The heat building inside me becomes almost unbearable as I remember his taste, his scent, the way he looked at me with those confused, aroused eyes...</span></div> <center><img src="images/nimeria/faceecstatic.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*No! Stop it, Nimeria. You can't keep doing this every time you think about him.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I force my hand away from my body, taking deep breaths to calm the fire burning inside me. There's too much to do today, too many plans to consider. I can't let my desires distract me from what's important.</span></div><<changeLust "Nimeria" 25>><<changeAffection "Nimeria" "Rylan" 2>> <<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*He chose to rest instead of visiting me this morning. Perhaps that's for the best - it gives me time to think about my plans without being distracted by his presence.*</span></div><<changeLust "Nimeria" 5>><<changeAffection "Nimeria" "Rylan" 1>><</if>> <center><img src="images/nimeria/faceserious.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*The family that took me in... they've been nothing but kind to me. Mariel treats me like a daughter. And <<print $humanName>>...*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*But they were part of the group that destroyed everything I once knew. My father, my home, my entire world... gone because of their 'heroic' quest.*</span></div> <center><img src="images/landscapes/demonkingthrone.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*The original plan was simple - seduce them all, corrupt them, make them suffer as I suffered. Turn their love into obsession, their trust into dependency, their virtue into sin.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*But living with them, seeing their genuine care for each other... it's making everything so much more complicated. What if I don't want revenge anymore? What if I just want to be part of their family for real?*</span></div> <center><img src="images/nimeria/face.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*But if I go the softer route, if I try to win their love genuinely instead of through manipulation... what happens when they learn the truth? When they discover who I really am, what I've already done?*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*Would <<print $humanName>> still look at me with those sweet, trusting eyes if he knew I was the daughter of the Demon King? Would he still let me touch him if he knew every caress was once meant to ensnare his soul?*</span></div> <center><img src="images/nimeria/facesad.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*Mira... what would you do in my place?*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I close my eyes and try to imagine her harsh voice, always so blunt and cutting even with me. She never cared that I was a princess while she was just... She treated me rougher than anyone else dared.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*"Stop being such a spoiled brat, Nimeria! You think revenge will fix anything? You're weaker than I thought if that's your solution. If you want something, take it directly - don't play these pathetic games."*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*Maybe... maybe there's a third path. Maybe I can slowly reveal the truth to them, help them understand our side of the story. Show them that father wasn't the monster they believed him to be.*</span></div> <center><img src="images/nimeria/facethinking.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*But for now, I'll continue being their sweet, innocent Nimeria. I'll help them, support them, love them... corrupt them... and maybe, just maybe, when the time comes for truth, they'll love me enough to forgive.*</span></div> <center><img src="images/nimeria/facesmileerie.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*No... no no no... who am I kidding? Who could ever love a broken wreck like me? Damaged goods. Tainted. The daughter of their greatest enemy, a manipulator, a liar living under their roof eating their food wearing their clothes breathing their air...*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*But I can make them love me. Yes, yes I can! I have weapons - my body is a weapon, my powers are weapons, my sweet demonic essence that makes them shiver and crave and need more more MORE. Love through corruption... it's not real love but it's SOMETHING and something is better than nothing and nothing is what I deserve but I'll take something I'll take anything...*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*I'll make <<print $humanName>> need me so desperately he can't breathe without me can't think without me can't exist without me. Addicted to my touch my scent my taste my voice my everything until I'm carved into his soul like he's carved into mine. When he's so corrupted so dependent so broken for me that he'd choose me over everything else over Liora over his family over his own sanity... then maybe that twisted broken corrupted love will be enough. It has to be enough. It HAS to be.*</span></div> <center><img src="images/nimeria/facecrazy.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*And everyone else who made fun of me and hated me for my black hair and red eyes... they will suffer. I will kill them. No, I won't kill them. I'll make them suffer so much until they beg to be killed. Until they understand what it feels like to be the outcast, the monster, the unwanted thing.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*Once I'm on the throne and reign this world together with <<print $humanName>>, this world will be so much better. The world will be just, and everyone who we deem incompatible will get a quick end. Oh, I'm so kind! So merciful to give them quick deaths instead of the slow torture they deserve.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*And the world wants me to be queen. Why else was I spared death so many times? Why else does the world give this delicate body the power and knowledge to change it, if it doesn't want me to use it? Yes, yes I'm just. I'm exactly what this broken world needs.*</span></div> <center><img src="images/nimeria/facesmileevil.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*Oh well, I'll have to get ready for my date now!*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I take a deep breath and stand up, smoothing my dress. The afternoon is still young, and there's much to prepare for. Whatever path I choose, I need to be ready for the consequences.</span></div> <center><img src="images/nimeria/facesmile.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-nimeria" style="font-style: italic;">*For now, though, I'll just be their loving Nimeria. And maybe that's enough.*</span></div></div></div><div style="text-align: center; margin: 30px 0;"> [[Continue...|MiraFlashbackTransition]] </div><<changeFace $currentNimeriaFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mysterious.mp3');<</script>><<set $currentFace = $currentMiraFace>><div class="transition-container" style="background: linear-gradient(45deg, rgba(75, 0, 130, 0.8) 0%, rgba(139, 0, 139, 0.85) 50%, rgba(72, 61, 139, 0.9) 100%); min-height: 600px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 15px; position: relative; overflow: hidden;"><div class="transition-text" style="position: relative; z-index: 2;"><div style="opacity: 0; animation: fadeIn 1s ease-in-out 1s forwards;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 20px;">⏳ Many Years Ago...</h2></div><div style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.2em; margin-bottom: 30px;">In the depths of memory, a different story unfolds...</p></div> <div style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <p style="color: #9370DB; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em;">The tale of a pink-haired thief and a demon king...</p></div></div></div> <style> @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style> <<timed 6s>>[[Enter the memory...|MiraFlashbackScene]]<</timed>>

<<script>>window.AudioSystem.playBGM('mirapast.mp3');<</script>><<set $currentFace = $currentMiraFace>> <div class="flashback-scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(139, 0, 139, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-overlay" style="background: url('images/landscapes/demonslums.webp') center/cover; opacity: 0.3; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🏰 The Demon Capital - Slums District 🏰</h2> <p style="color: #E6E6FA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">Many years before the great war's end...</p></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The slums reeked of desperation and forgotten dreams. Through the maze of crumbling buildings and makeshift stalls, a young demon girl moved like a shadow. Her vibrant pink hair caught the occasional ray of sunlight that dared venture into these depths, while her small black horns marked her as one of the forgotten underclass. At eighteen, Mira had learned that survival meant taking what the wealthy overlooked—and they overlooked so very much.</span></div> <center><img src="images/mira/youngmira.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*Same routine every day—empty belly, full of anger. These pompous nobles waddle through here flashing their gold like it means nothing. Well, maybe it's time some of that wealth found a better purpose.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">That's when she noticed him—a towering figure whose purple skin seemed to shimmer with barely contained power. He wore simple merchant's clothes, but they couldn't disguise the regal bearing, the way lesser demons unconsciously stepped aside, the subtle positioning of what were obviously disguised bodyguards. Her thief's instincts sang with opportunity.</span></div> <center><img src="images/azgorth/back.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*Oh, this is rich. Look at Mr. High-and-Mighty playing dress-up down here with us common folk. That's definitely nobility trying to slum it. And where there's nobility, there's always a fat coin purse just begging to be liberated.*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The disguised noble approached a fruit vendor's stall, engaging in what appeared to be casual conversation about produce prices. Perfect timing. Mira slipped through the crowd with practiced grace, her approach timed for maximum chaos during the afternoon rush.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She launched herself forward, timing the collision perfectly as her nimble fingers worked toward his coin purse. The impact sent her reeling backward—it was like running into a stone wall wrapped in silk.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Oh! So sorry about that—totally my fault!"</span> she says with well-practiced innocence, already pivoting to disappear into the crowd.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/vendor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-vendor">"Hold it right there, you little thief!"</span> the vendor bellows, pointing an accusatory finger. <span class="dialog-vendor">"Guards! She just tried to rob your lord!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Like magic, armored figures materialized from the crowd, surrounding her with the fluid precision of seasoned professionals. Her escape routes vanished faster than gold in a gambler's pocket.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"Insolent wretch! Do you have any idea who you just assaulted?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Your sugar daddy?"</span> she shot back with a defiant smirk.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"You filthy little—!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/vendor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-vendor">"My lord, I guarantee this little rat picked your pocket. They're all thieves down here."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Hmm... what might your name be, young one?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Your worst nightmare, you purple-skinned vegetable!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The massive demon studied her for a long moment, his expression unreadable. Then, to everyone's shock, he threw back his head and let out a deep, genuinely amused laugh.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Ha! purple-skinned vegetable! That's... actually quite creative."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"She just insulted Azgorth the Demon King! This is treason!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*Oh, shit. OH SHIT. I just called the Demon King a vegetable. I'm not just dead—I'm going to be creatively tortured first.*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #F5DEB3; font-style: italic;">Her bravado crumbled as the reality of her situation hit her like a war hammer to the chest.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"I find myself quite taken with you, 'my worst nightmare.'"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Look, I'm flattered, but I prefer my men a bit less ancient and tyrannical..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #FF69B4; font-style: italic;">*Great, Mira. Just keep digging that grave deeper. Maybe if I insult him enough, he'll kill me quickly instead of slowly.*</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"Bring the executioner! Now!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Ancient and tyrannical! Oh, this just keeps getting better!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/vendor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-vendor">"She should lose both hands for daring to touch royalty! Make an example of her!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Actually, now that I think about it, you're quite distinguished for someone of your... vintage. And purple is such a regal color! Like a fine wine or a perfectly ripe eggplant!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Perfectly ripe eggplant! Stop, please—you're absolutely killing me here!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Tell me, would you be interested in employment?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"What kind of employment? Because if you're looking for a royal concubine, I should mention my rates are astronomical."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"Your Majesty! This criminal has assaulted your person! Justice demands—"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Justice demands? And who, exactly, appointed you as my advisor on matters of justice?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/guards/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-guard">"Forgive me, Your Majesty. I spoke out of turn."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Don't worry. She'll receive a fate far more interesting than mere execution."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Tell me, 'worst nightmare,' have you heard tales of the cursed child? Hair like midnight, eyes like burning embers—rather like yours, actually."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Never heard of them. Should I care?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"You will be her personal attendant from this day forward, my dear 'worst nightmare'!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"Well, that's definitely better than the whole execution thing. But stop calling me that ridiculous name—I'm Mira."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #8FBC8F; font-style: italic; font-size: 0.9em;">The guards exchanged worried glances and hushed whispers: "Poor girl has no idea what she's gotten herself into. They say anyone who serves the cursed princess ends up just as twisted."</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mira/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #FF69B4;">"So... what kind of dungeon does this cursed child live in?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/azgorth/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #9370DB;">"Dungeon? Ha! You might not be entirely wrong about that. She resides in the castle. She is my daughter... Nimeria."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">And so fate spun its web—a thief's desperate gambit becoming the first thread in a tapestry that would weave together the destinies of an ostracized princess and a girl who had nothing left to lose. Neither could imagine how this chance encounter would reshape not just their lives, but the very foundations of the world itself.</span></div></div></div><div style="text-align: center; margin: 30px 0;"> [[Return to the present|BackToPresent]] </div><<changeFace $currentMiraFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>><<set $currentFace = $currentRylanFace>><div class="transition-container" style="background: linear-gradient(45deg, rgba(135, 206, 235, 0.8) 0%, rgba(144, 238, 144, 0.85) 50%, rgba(255, 182, 193, 0.9) 100%); min-height: 600px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 15px; position: relative; overflow: hidden;"><div class="transition-text" style="position: relative; z-index: 2;"><div style="opacity: 0; animation: fadeIn 1s ease-in-out 1s forwards;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 20px;">🌅 Returning to the Present...</h2></div><div style="opacity: 0; animation: fadeIn 1s ease-in-out 3s forwards;"> <p style="color: #20B2AA; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.2em; margin-bottom: 30px;">The memories fade as we return to <<print $humanName>>'s afternoon...</p></div> <div style="opacity: 0; animation: fadeIn 1s ease-in-out 5s forwards;"> <p style="color: #32CD32; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 1em;">A gentle knock at the door breaks the peaceful silence...</p></div></div></div> <style> @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style> <<timed 6s>>[[Continue|NimeriaShoppingDate]]<</timed>>

<<script>>window.AudioSystem.playBGM('default4.mp3');<</script>><div class="transition-container" style="background: linear-gradient(145deg, rgba(35, 25, 45, 0.95) 0%, rgba(25, 35, 55, 0.9) 50%, rgba(45, 55, 65, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;"><div class="transition-content" style="text-align: center; max-width: 800px; margin: 0 auto;"><div class="transition-text" style="opacity: 0; animation: fadeIn 2s ease-in-out 0.5s forwards;"><h2 style="color: #87CEEB; font-size: 2.2em; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">~ Meanwhile ~</h2><p style="color: #F5DEB3; font-size: 1.3em; line-height: 1.6; margin-bottom: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);">While Serin makes her important decision, <<print $humanName>> finds himself with time to think...</p></div><div class="transition-continue" style="opacity: 0; animation: fadeIn 1s ease-in-out 4s forwards;"><div style="margin-top: 40px;">[[Continue|RylanAfterSerin]]</div></div></div></div><style>@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }</style>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "evening">> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(30, 40, 60, 0.85) 0%, rgba(20, 30, 50, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #87CEEB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💭 CONTEMPLATION 💭</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I sit on the edge of my bed, my hands trembling slightly as the adrenaline finally begins to fade. The room feels suffocating, filled with the weight of everything that's transpired.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">So much has happened today... too much.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My thoughts drift immediately to Seryk, lying unconscious just down the hall. The image of him crumpling to the ground, his entire back melted away by Gairos's fireball, keeps replaying in my mind. He jumped in front of Nimeria to protect her, and nearly died for it.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Please survive this... please.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">If $humanToThalor hadn't tackled me to the ground when he did, I would have been nothing but ash. At first I thought that fireball was meant for me, but I was just in the line of fire. Gairos was aiming at Seryk and Nimeria - he simply didn't care if he killed me as collateral damage.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">But what disturbs me even more than nearly dying is what I witnessed afterward in the kitchen...</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria's reaction to Seryk's near-death... or rather, her complete lack of one. She sat there calmly and told Gairos she didn't care if Seryk died. Her own brother! And then she started praising Gairos, calling him magnificent, acting like she worshipped him...</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue contemplating|RylanCh4Contemplating2]] </div></div><<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects) { window.FloatingEffects.removeEffect('Liora'); if (State.variables.mariel_NTREvent1) { window.FloatingEffects.addEffect('Mariel', 'blue', 'images/chibi-models/seryk.webp'); } } }, 500); }); <</script>><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(30, 40, 60, 0.85) 0%, rgba(20, 30, 50, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #87CEEB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💭 DOUBTS AND DECEPTION 💭</h2></div> <div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Maybe she's just playing him. She has to be...</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I run my hands through my hair, trying to convince myself. The gentle girl who's been with us these past days... she's trying to manipulate him, right? Make him think she's on his side so she can protect us?</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But her words keep echoing in my mind. "I don't care much about Seryk. If he can't survive this, then it's his own fault." How could she say that about her own brother?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">And then she revealed she's the "cursed child" from demon prophecy. She said she was ostracized by demons her whole life!</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She told Gairos that Azgorth and his family deserved to die, that demons can "burn in hell." But even as I try to rationalize it as an act, there was something in her eyes when she looked at Gairos... genuine reverence that made my skin crawl.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">And then there's that truth spell he cast on her. We all saw her scream in agony when she tried to lie about being enslaved.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">If that spell forces her to tell the truth, then everything she said about hating demons and admiring Gairos... it was all real.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Could she have some kind of protection against his magic? Some way to lie despite the truth spell? But if she could do that, why would she let him hurt her when testing it? The uncertainty is eating me alive.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Continue with deeper concerns|POVTransitionToMarielHealing]] </div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(30, 40, 60, 0.85) 0%, rgba(20, 30, 50, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #87CEEB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💭 HATRED AND FEAR 💭</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">But why did Gairos attack in the first place? He appeared out of nowhere and immediately hurled a fireball at Seryk and Nimeria. I was just in the way - he didn't care if he killed me as collateral damage.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Is his hatred for demons really so consuming that he'd kill anyone associated with them?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The way he spoke, the venom in his voice when he mentioned demon-kind... it was personal, deeper than just old grudges. And when Serin's knife went through his stomach, he just pulled it out and healed instantly. That passive regeneration ability is terrifying.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesad.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Then again, even I attacked Seryk when I first met him.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The memory burns with shame. I had no history with demons, no real reason beyond ignorance and fear, yet I still drew my sword.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">God, I was such an idiot back then.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">If someone like me could be driven to violence by nothing more than prejudice, what might drive someone who's lived through actual demon wars? But at least I didn't try to murder anyone without warning.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Now he's living in our house. He took Thalor and Mariel's bedroom and forced Nimeria to sit on the floor like an animal.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">We're essentially prisoners in our own home now. Thalor agreed to help him conquer the Holy Kingdom to save our lives. How do you defend against someone who can kill you with a thought? I think about Mariel, Liora, Serin... none of them would stand a chance if he decides we're no longer useful.</span></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[Remember Veloria's prophecy|RylanCh4Contemplating4]] <<if $MarielSerykBoxersHandjob == false>> <<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects) { window.FloatingEffects.removeEffect('Mariel'); } }, 500); }); <</script>> <</if>> <<if $MarielSerykBoxersHandjob == true>> <<script>> $(document).ready(function() { setTimeout(function() { if (window.FloatingEffects && State.variables.MarielSerykBoxersHandjob) { // Enhanced aura for intense NTR scene - stronger pulse, larger radius, faster animation window.FloatingEffects.addEffect('Mariel', 'blue', 'images/chibi-models/seryk.webp', { intensity: 'intense', // intense visual effect radius: 2.0, // double the aura radius opacity: 1.3, // brighter, more visible speed: 2.5 // much faster pulsing }); } }, 500); }); <</script>> <</if>></div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('contemplation.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(30, 40, 60, 0.85) 0%, rgba(20, 30, 50, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #87CEEB; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💭 PROPHECY REMEMBERED 💭</h2></div> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Wait... Veloria!</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The realization hits me like a physical blow. How could I have forgotten? With everything that happened, her prophecy was pushed completely from my mind.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"A powerful magic spell will kill one of my friends. Something that could even kill a demon king..."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her words echo in my memory with chilling clarity. She must have been talking about Gairos! His magic, that devastating power we witnessed... But which friend was she referring to? Was it Seryk?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Did we somehow change fate by getting him healed, or is he still in danger?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Or maybe the prophecy hasn't been fulfilled yet. Maybe Gairos will attack us again, and next time...</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">God, what can we possibly do against a monster like him?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Even with our surprise attack, even with the improved resonance system, we couldn't do any damage at all. I'm not even confident I could activate that power again - it felt like it came from somewhere beyond me, something I can't control or summon at will.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">At least I need to watch him.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">If Gairos is planning something, if he's going to strike again, maybe I can spot the signs. And Nimeria... I don't know if I can trust her anymore, but maybe she does have a plan.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facetired.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">I just hope we're strong enough for whatever comes next.</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0; background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px;"> [[End contemplation and rest|RylanCh4ContemplationEnd]] </div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('default4.mp3');<</script>><<set $currentFace = $currentRylanFace>><div class="victory-scene" style="background: linear-gradient(to bottom, rgba(40, 50, 40, 0.9), rgba(30, 40, 30, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(60, 80, 60, 0.8); border: 1px solid rgba(100, 200, 100, 0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #90EE90; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">✊ Resistance Successful ✊</p> <p style="color: #ccffcc; font-size: 1.1em;">You've stood your ground against manipulation</p> </div><div class="aftermath" style="background: rgba(50, 55, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 200, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I open the door and step out of Serin's room, my heart still pounding from the confrontation. I managed to resist her manipulation, but I can feel her eyes watching me as I leave. This isn't over between us, but for now, I've maintained my boundaries.</span> </div><p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">The hallway feels cooler after the tense atmosphere of her room. I take a deep breath, trying to process what just happened. I stood up to her, called her bluff, and it worked. But I know this will change the dynamic between us going forward.</p> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I wonder if I made the right choice. Part of me is relieved to have escaped the situation, but another part... wonders what would have happened if I'd stayed. The memory of our previous encounter still lingers, and despite everything, I can't deny the effect it had on me.</p></div> [[Continue...|SerinChapter4ReportNimeria]]

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="resistance-scene" style="background: linear-gradient(to bottom, rgba(25, 20, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(60, 40, 60, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: #ff6969; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚠️ Moment of Choice ⚠️</p> <p style="color: #ffccdd; font-size: 1.1em;">Will you escape or submit?</p></div> <div class="escape-attempt" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">No. I can't do this. This is wrong, and I won't betray Liora's trust. I turn toward the door, my hand reaching for the handle. I need to get out of here before this goes any further.</span></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I move quickly toward the door, but before I can turn the handle, Serin's voice stops me cold.</p> <div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">I hope Liora won't be too disappointed hearing that her boyfriend gets off from smelling sweaty socks. And pantyhose. And that he begged me to call him my "foot boy."</span></div><div style="clear: left;"></div></div> <p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">My hand freezes on the door handle. The blood drains from my face as the full implications of her threat hit me.</p></div> <div class="blackmail-threat" style="background: rgba(50, 45, 40, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">Serin, you wouldn't... You can't be serious.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">Your words, not mine, $humanName. You said you won't cheat on her. Well then, you shouldn't keep secrets from her either, right? I'm sure she'd be very interested to hear about your... discoveries.</span> </div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The trap is closing around me. I can feel my resolve wavering as the reality sets in - she has complete leverage over me. But maybe... maybe I can still fight this. Maybe I can call her bluff and leave anyway.</span></div> <center><img src="images/serin/chapter4/masturbationpunishment/threat.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center> </div><div class="resistance-roll" style="background: rgba(60, 50, 40, 0.7); border: 2px solid rgba(255, 140, 0, 0.6); border-radius: 12px; padding: 25px; margin: 25px 0;"> <p style="color: #ffcc99; font-size: 1.2em; font-weight: bold; text-align: center; margin-bottom: 15px;">🎲 Resistance Roll 🎲</p><<set _baseThreshold = 65>><<set _lustMod = Math.floor(($rylan_Lust || 0) / 20) * -5>><<set _attractionMod = Math.floor(($rylan_SerinAttraction || 0) / 20) * -3>><<set _feetMod = Math.round(($rylan_feetFetish || 0)) * -1>><<set _smellMod = Math.round(($rylan_smellFetish || 0)) * -1>><<set _armpitMod = Math.round(($rylan_armpitFetish || 0)) * -1>><<set _submissionMod = Math.round(($rylan_submissionFetish || 0)) * -1>><<set _finalThreshold = _baseThreshold + _lustMod + _attractionMod + _feetMod + _smellMod + _armpitMod + _submissionMod>><<set _finalThreshold = Math.max(_finalThreshold, 20)>><<set _finalThreshold = Math.min(_finalThreshold, 60)>><<set _resistanceRoll = random(1, 100)>><<set _resistanceSuccess = _resistanceRoll <= _finalThreshold>><div style="background: rgba(0, 0, 0, 0.4); padding: 15px; border-radius: 8px; font-family: monospace; color: #ffeeaa;"><strong>Resistance Check:</strong><br>Base Threshold: 65<br>Lust Penalty: <<print _lustMod>> (Lust: <<print ($rylan_Lust || 0)>>)<br>Attraction Penalty: <<print _attractionMod>> (Attraction to Serin: <<print ($rylan_SerinAttraction || 0)>>)<br>Feet Fetish Penalty: <<print _feetMod>> (Feet Fetish: <<print ($rylan_feetFetish || 0).toFixed(1)>>)<br>Smell Fetish Penalty: <<print _smellMod>> (Smell Fetish: <<print ($rylan_smellFetish || 0).toFixed(1)>>)<br>Armpit Fetish Penalty: <<print _armpitMod>> (Armpit Fetish: <<print ($rylan_armpitFetish || 0).toFixed(1)>>)<br>Submission Fetish Penalty: <<print _submissionMod>> (Submission: <<print ($rylan_submissionFetish || 0).toFixed(1)>>)<br><strong>Final Threshold: <<print _finalThreshold>></strong><br><strong>🎲 Roll: <<print _resistanceRoll>> vs <<print _finalThreshold>> = <<if _resistanceSuccess>>SUCCESS<<else>>FAILURE<</if>></strong></div></div> <<if _resistanceSuccess>><div class="successful-resistance" style="background: rgba(40, 60, 40, 0.6); border: 2px solid rgba(100, 200, 100, 0.6); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 200, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">No. I won't be blackmailed into this. Yes, what happened before was embarrassing, but I can't let fear control my decisions. I turn back to face her, steeling my resolve.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">You know what, Serin? Go ahead. Tell her. I'll take my chances with the truth rather than let you manipulate me like this.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">Wait... you're actually calling my bluff? I... I didn't expect...</span> </div><div style="clear: left;"></div></div><p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">For the first time, I see uncertainty in her eyes. I've managed to turn the tables, at least for now.</p><div style="text-align: center; margin-top: 30px;"> [[Leave and make other plans|SerinChapter4MasturbationPunishmentDecline]] </div></div><<changeFetish "Rylan" "submissionFetish" 0.1>><<else>><div class="failed-resistance" style="background: rgba(60, 40, 40, 0.6); border: 2px solid rgba(200, 100, 100, 0.6); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(200, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I want to be strong. I want to call her bluff and walk out. But the thought of Liora learning about what happened... about how I reacted... I can't risk losing her over this. Maybe Serin is right - maybe it's just harmless playing.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">I... I can't risk it. If Liora found out about... that... she'd never understand.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">Smart choice, $humanName. And deep down, I think part of you is looking forward to this next punishment, isn't it? I can see it in your eyes - the anticipation, the excitement.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(200, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">She's right, and that terrifies me. Part of me IS excited about what's coming next. The memory of how intense the last punishment was, how completely it overwhelmed my senses... I hate that she can read me so easily.</span></div><p style="color: #f0f0f0; line-height: 1.6; margin-bottom: 20px;">I let go of the door handle and turn back to face her, defeated. Her victorious smile tells me she knew this would happen all along.</p><div style="text-align: center; margin-top: 30px;"> [[Submit to her demands|SerinChapter4MasturbationPunishment]] </div> </div> <<changeFetish "Rylan" "submissionFetish" 0.3>><<changeAttraction "Rylan" "Serin" 0.5>><<changeLust "Rylan" 5>> <</if>></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentSerinFace>><div class="transition-container" style="background: linear-gradient(145deg, rgba(25, 15, 35, 0.95) 0%, rgba(15, 10, 25, 0.9) 50%, rgba(20, 25, 40, 0.95) 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;"><div class="transition-content" style="text-align: center; max-width: 800px; margin: 0 auto;"><div class="transition-text" style="opacity: 0; animation: fadeIn 2s ease-in-out 0.5s forwards;"><h2 style="color: #DDA0DD; font-size: 2.2em; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">~ Later That Morning ~</h2><p style="color: #F5DEB3; font-size: 1.3em; line-height: 1.6; margin-bottom: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);">Serin seeks out Nimeria to report on her progress...</p></div><div class="transition-continue" style="opacity: 0; animation: fadeIn 1s ease-in-out 4s forwards;"><div style="margin-top: 40px;">[[Continue|SerinNimeriaConversation]]</div></div></div></div><style>@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }</style><<changeFace $currentSerinFace>>

<<script>> function stopAllLoopingSounds() { if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); window.AudioSystem.sfx.players = {}; } if (window.currentLoopingSFX) { try { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; window.currentLoopingSFX = null; } catch(e) {} } document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } catch(e) {} }); } stopAllLoopingSounds(); setTimeout(function() { window.currentLoopingSFX = new Audio('sounds/hsounds/deepkissintense.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = window.AudioSystem.sfx.volume || 0.5; window.currentLoopingSFX.muted = window.AudioSystem.sfx.muted || false; window.currentLoopingSFX.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('SFX loop failed:', e)); }); window.currentLoopingSFX.load(); }, 300); <</script>> <<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>><<changeLust "Serin" -100>><<changeLust "Nimeria" -100>><<set $serin_orgasmsReceived += 1>><<set $nimeria_orgasmsReceived += 1>><<set $serin_NimeriaOrgasmsGiven += 1>><<set $nimeria_SerinOrgasmsGiven += 1>><<trackSexualExperience "Serin" "orgasmsReceived" 1>><<trackSexualExperience "Nimeria" "orgasmsReceived" 1>><<set $serinSpecialCream = true>><<changeFetish "Serin" "salivaFetish" 0.2>><<changeFetish "Serin" "lesbianValue" 0.3>><<changeFetish "Nimeria" "lesbianValue" 0.2>><<changeAffection "Serin" "Nimeria" 3>><<changeAffection "Nimeria" "Serin" 3>><<changeAttraction "Serin" "Nimeria" 2>><<changeAttraction "Nimeria" "Serin" 2>> <div class="aftermath-scene" style="background: linear-gradient(to bottom, rgba(25, 15, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔥 The Climax 🔥</p><p style="color: #E6E6FA; font-size: 1.1em;">Where passion reaches its peak</p></div> <div class="climax-phase" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">I can't... I can't stop... What's happening to me?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Let it happen. This is what passion feels like... this is what will make him yours...</span></div><div style="clear: left;"></div></div><center><img src="images/serin/chapter4/serinxnimeriamakeout/14.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The tension in my body reaches its peak, and suddenly I'm overwhelmed by waves of pleasure unlike anything I've ever felt. My back arches as I cry out, clinging to Nimeria as the intensity washes over me.</span></div><center><img src="images/serin/chapter4/serinxnimeriamakeout/15.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Nimeria follows moments later, her own soft cries mixing with mine as we both reach the peak of pleasure together. We collapse against each other, breathing heavily and trembling from the intensity of what just happened.</span></div><center><img src="images/serin/chapter4/serinxnimeriamakeout/16.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center><center><img src="images/serin/chapter4/serinxnimeriamakeout/17.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center><center><img src="images/serin/chapter4/serinxnimeriamakeout/18.webp" style="width: 450px; margin-bottom: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3);"></center></div> <div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌙 After the Storm 🌙</p><p style="color: #E6E6FA; font-size: 1.1em;">The intimate aftermath and final preparations</p></div> <div class="recovery-phase" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We lie together in the aftermath, our bodies still trembling from the incredible intensity of what just happened. The room feels warm and intimate, filled with the soft sounds of our gradually slowing breaths.</span></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">That was... I never knew it could feel like that. Is this really what it's supposed to be like?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Oh, my dear Serin. That was just the beginning. When you use these techniques with <<print $humanName>>, he won't be able to resist you.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Your taste... it's so sweet and intoxicating. I've never experienced anything like it. I can still taste you on my lips...</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">That's just... my natural taste, dear. Some people have that effect on others. The more you experience passion like this, the more you'll crave it.</span></div><div style="clear: left;"></div></div></div> <div class="enhancement-phase" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Nimeria sits up gracefully and reaches for something from her bedside table - a small, ornate jar filled with what appears to be a shimmering cream that seems to glow faintly in the candlelight.</span></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Now, for the final part of your training. This is a special enhancement cream I've prepared. You should use it every night before bed.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">What does it do?</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I sit up and accept the jar from her hands. The cream has a subtle, pleasant scent that reminds me of moonflowers and something else... something intoxicating.</span></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Apply it to your intimate areas - your vagina, especially around the sensitive spots.<<if $serinFutanariTransformation>> Make sure to work a good amount onto your clit as well.<</if>> The cream will enhance your natural sensitivity and make every touch more pleasurable.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">And this will help me... win him over?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">When the time comes for intimacy with <<print $humanName>>, you'll be more responsive, more passionate than he could ever imagine. Liora's innocent fumbling will seem like child's play compared to the fire you'll show him.</span></div><div style="clear: left;"></div></div></div> <div class="final-instructions-phase" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Remember everything we practiced tonight. The passion, the hunger, the way your body responds... channel all of that when you're with him.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">She moves closer to give me one final, lingering kiss that sends another wave of that addictive sweetness through my system. I can taste her essence again, and it makes me want to kiss her forever.</span></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Thank you, Nimeria. I understand now what I need to do. <<print $humanName>> won't be able to resist me.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">That's my girl. Just remember - use the cream every night, practice what I taught you, and when the moment is right... show him a passion that Liora could never match.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">As I prepare to leave her room, I feel transformed. The shy, uncertain girl who entered has been replaced by someone who knows exactly what she wants and how to get it. The taste of Nimeria's addictive kiss still lingers on my lips, a constant reminder of the pleasure that awaits.</span></div></div> <div class="conclusion-phase" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 25px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.3em; font-weight: bold; margin-bottom: 20px;">✨ New Confidence Awakened ✨</p><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">With the special cream in hand and my body still humming from Nimeria's training, I feel ready to win <<print $humanName>>'s heart. Tonight was just the beginning of my transformation.</span></div>[[Return to your room with new confidence|POVTransitionSerinToRylan]]</div></div><<changeFace $currentSerinFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $serinNoTraining = true>><<set $serinTrainingBoth = false>><<set $serinTrainingNimeria = false>><<set $serinTrainingSeryk = false>><<changeAffection "Nimeria" "Serin" 1>><<changeAffection "Serin" "Nimeria" 1>><div class="training-choice-scene" style="background: linear-gradient(to bottom, rgba(25, 15, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💝 Her Own Way 💝</p><p style="color: #E6E6FA; font-size: 1.1em;">Serin chooses independence</p></div><div class="decision-content" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Thank you for the suggestion, Nimeria, but I think I need to try to get <<print $humanName>>'s heart my own way. I want whatever happens between us to be genuine, not because I learned it from someone else.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">I understand, dear. Sometimes the most authentic approach is the most powerful one. Your feelings for him are real, and that counts for something.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Exactly. I'll find my own path to his heart. Whatever happens will be between just him and me, the way it should be.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Serin seems more confident now, having made her decision. She'll pursue <<print $humanName>> through her own methods, relying on her natural charm and genuine feelings rather than training with others.</span></div></div><div class="conclusion" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; text-align: center;"><p style="color: #E6E6FA; font-size: 1.1em;">Serin has chosen to pursue <<print $humanName>> through traditional romantic means.</p><p style="color: #DDA0DD; font-size: 0.9em; margin-top: 10px;">Future training content paths are now locked.</p></div></div>[[Continue|POVTransitionSerinToRylan]]<<changeFace $currentSerinFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $serinTrainingSeryk = true>><<set $serinTrainingBoth = false>><<set $serinTrainingNimeria = false>><<set $serinNoTraining = false>><<changeAffection "Nimeria" "Serin" 1>><<changeAffection "Serin" "Nimeria" 1>><div class="training-choice-scene" style="background: linear-gradient(to bottom, rgba(25, 15, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #87CEEB; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💙 Masculine Training 💙</p><p style="color: #E6E6FA; font-size: 1.1em;">Serin chooses Seryk only</p></div><div class="decision-content" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">I... I think training with girls isn't my thing, Nimeria. Since I want to be with <<print $humanName>>, maybe I should learn from Seryk instead? He would understand better what men like, right?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">That makes perfect sense, dear. Seryk would indeed know exactly what pleases a man. Alright, I'll let him know about your decision.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">When can we start?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Currently he's busy doing something for me, but I'll tell him to visit you when he has time. He'll be very... interested in helping you improve your technique for <<print $humanName>>.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Serin nods, feeling more comfortable with this choice. Learning from Seryk feels more natural to her, especially since her goal is to win over <<print $humanName>>. She trusts that Seryk's masculine perspective will give her exactly the knowledge she needs.</span></div></div><div class="conclusion" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; text-align: center;"><p style="color: #E6E6FA; font-size: 1.1em;">Serin will train with Seryk to learn masculine preferences.</p><p style="color: #87CEEB; font-size: 0.9em; margin-top: 10px;">Seryk only training content unlocked.</p></div></div>[[Continue|POVTransitionSerinToRylan]]<<changeFace $currentSerinFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $serinTrainingNimeria = true>><<set $serinTrainingBoth = false>><<set $serinTrainingSeryk = false>><<set $serinNoTraining = false>><<changeAffection "Nimeria" "Serin" 2>><<changeAffection "Serin" "Nimeria" 2>><div class="training-choice-scene" style="background: linear-gradient(to bottom, rgba(25, 15, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💜 Feminine Training 💜</p><p style="color: #E6E6FA; font-size: 1.1em;">Serin chooses Nimeria only</p></div><div class="decision-content" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">I think... I'd prefer to train with just you, Nimeria. The idea of being with Seryk like that feels too strange. But learning from another woman seems more... comfortable.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Great choice, dear! I can teach you all the subtle techniques that drive men wild. There's so much a woman can learn from another woman about pleasure and seduction.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Then let's start!</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Now already?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">The sooner the better, right? We have privacy right now, and I'm eager to help you become irresistible to <<print $humanName>>.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Serin blushes deeply but nods. The prospect of intimate training with Nimeria is both exciting and nerve-wracking, but she's committed to becoming better for <<print $humanName>>.</span></div></div><div class="conclusion" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; text-align: center;"><p style="color: #E6E6FA; font-size: 1.1em;">Serin will train with Nimeria to learn feminine seduction techniques.</p><p style="color: #DDA0DD; font-size: 0.9em; margin-top: 10px;">Lesbian training content unlocked.</p></div></div>[[Continue|SerinNimeriaTraining1]]<<changeFace $currentSerinFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentSerinFace>><<set $serinTrainingBoth = true>><<set $serinTrainingNimeria = false>><<set $serinTrainingSeryk = false>><<set $serinNoTraining = false>><<changeAffection "Nimeria" "Serin" 2>><<changeAffection "Serin" "Nimeria" 2>><div class="training-choice-scene" style="background: linear-gradient(to bottom, rgba(25, 15, 35, 0.9), rgba(15, 10, 25, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #FFB6C1; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💕 Complete Training 💕</p><p style="color: #E6E6FA; font-size: 1.1em;">Serin chooses both teachers</p></div><div class="decision-content" style="background: rgba(60, 45, 50, 0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">If I'm going to do this... I want to learn everything I can. Both of you could teach me different things, right? I want to be perfect for <<print $humanName>>.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmirk.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Oh my, how ambitious! I love that attitude, dear. You're absolutely right - I can teach you the feminine arts of seduction, while Seryk can show you exactly what men crave most.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">When can we start?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Seryk is currently busy doing something for me, but I'll tell him to visit you once he has time. Meanwhile, we can already start with my lessons.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Now already?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">The sooner the better, right? We have time and privacy now, and I'm excited to begin your comprehensive education in the arts of love.</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Serin takes a deep breath, committing fully to this path. She's nervous but determined to learn everything possible to win <<print $humanName>>'s heart through both feminine grace and understanding of masculine desires.</span></div></div><div class="conclusion" style="background: rgba(70, 50, 70, 0.8); border: 1px solid rgba(255,255,255,0.5); border-radius: 8px; padding: 20px; text-align: center;"><p style="color: #E6E6FA; font-size: 1.1em;">Serin will train with both Nimeria and Seryk for complete preparation.</p><p style="color: #FFB6C1; font-size: 0.9em; margin-top: 10px;">All training content paths unlocked.</p></div></div>[[Continue|SerinNimeriaTraining1]]<<changeFace $currentSerinFace>><<statSummary>>

<<if not $serykFirstKiss>><<set $serykFirstKiss = "Rylan">><</if>><<script>>window.AudioSystem.playBGM('blightwood.mp3'); if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX = null; }<</script>><<set $currentFace = $currentRylanFace>><<set $serykRylanBlightwoodEncounter = true>><<if not $rylan_SerykKissCount>><<set $rylan_SerykKissCount = 0>><</if>><<if not $seryk_RylanKissCount>><<set $seryk_RylanKissCount = 0>><</if>><<if not $rylan_kissCount>><<set $rylan_kissCount = 0>><</if>><<if not $seryk_kissCount>><<set $seryk_kissCount = 0>><</if>><<if not $rylan_SerykCumCount>><<set $rylan_SerykCumCount = 0>><</if>><<if not $seryk_RylanCumCount>><<set $seryk_RylanCumCount = 0>><</if>><<if not $rylan_masturbationCount>><<set $rylan_masturbationCount = 0>><</if>><<if not $seryk_masturbationCount>><<set $seryk_masturbationCount = 0>><</if>><div class="blightwood-container" style="background: linear-gradient(to bottom, rgba(65, 45, 85, 0.9), rgba(45, 25, 65, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(180, 120, 200, 0.5);"><div class="scene-header" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌿 Into the Blightwood 🌿</p><p style="color: #E6E6FA; font-size: 1.1em;">A dangerous mission with unexpected consequences</p></div><div class="story-content" style="background: rgba(60, 40, 80, 0.6); border: 1px solid rgba(180, 120, 200, 0.4); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I find Seryk near the edge of our house. When I approach, he looks up with that easy smile of his.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Hey there, bro! Perfect timing. I was just about to head into Blightwood to gather those plants for Nim. You want to come along?"</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I nod eagerly, glad for the company and the chance to be useful. We set off together into the twisted trees of Blightwood, following the rough map Nimeria had sketched for us.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">After about an hour of searching through the corrupted undergrowth, we finally spot what we're looking for - a clearing ahead where purple mist swirls thick in the air. The mana here feels incredibly dense, almost suffocating.</span></div><center><img src="images/landscapes/purpleclearing.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Whoa... that fog looks pretty intense. Could be poisonous. Let me test it first, bro."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Seryk steps forward cautiously, taking a few breaths of the purple mist. After a moment, he turns back to me with a relieved expression.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Feels fine to me. Maybe Nimeria's antidote is working here too. Come on, let's get those plants."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We enter the clearing together and immediately spot the rare purple-leaved plants Nimeria described. We begin working methodically, filling our pouches, but after a few minutes I start to feel... warm.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I glance over at Seryk and notice beads of sweat forming on his muscular chest. The sight makes my heart beat faster for some reason.</span></div><center><img src="images/seryk/sweathard.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><<quickRoll "Muscle Appreciation" "Rylan" 75 5 "muscleFetish" 3>><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">My eyes trace the defined lines of his chest and shoulders, following the trail of sweat as it runs down his powerful frame. There's something mesmerizing about the way his muscles flex and ripple as he works. I find myself staring longer than I should, my breath catching slightly.</span></div><<changeFetish "Rylan" "muscleFetish" 0.3>><<changeLust "Rylan" 2>><<changeAttraction "Rylan" "Seryk" 1.0>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I notice his athletic build but manage to keep my focus on the task at hand. Still, there's no denying he's in excellent physical condition.</span></div><<changeLust "Rylan" 1>><<changeAttraction "Rylan" "Seryk" 0.5>><</if>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Hmm, it's quite hot here."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Yeah, I'm sweating like a pig."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">As we continue working, the heat seems to intensify. I find myself stealing glances at Seryk more and more frequently.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Each time I look at him, I notice more details - the way his muscles flex as he works, the careful way he handles the delicate plants, the concentration on his handsome face. When did I start thinking of him as handsome?</span></div><center><img src="images/seryk/sweathard.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I catch Seryk looking at me too, his gaze lingering on my sweat-dampened shirt before he quickly returns to his work. The air between us feels charged with something more than just dense mana.</span></div><<quickRoll "Scent Awareness" "Rylan" 80 5 "smellFetish" 3>><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">A subtle breeze carries Seryk's masculine scent toward me - a mixture of his natural musk and exertion. There's something intoxicating about it that makes me want to breathe deeper, to get closer to him. I find myself unconsciously leaning in his direction.</span></div><<changeFetish "Rylan" "smellFetish" 0.25>><<changeLust "Rylan" 2>><<changeAttraction "Rylan" "Seryk" 0.5>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I catch a whiff of his post-workout scent on the breeze, but manage to stay focused on gathering the plants. Still, there's something oddly appealing about his natural musk.</span></div><<changeLust "Rylan" 1>><</if>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Finally, after what feels like hours, we finish filling both pouches. We stand up together, brushing dirt from our knees.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Good work, bro. We got everything Nim needs. Ready to head back?"</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Yeah, let's go."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">But as we stand close together, preparing to leave, our eyes meet. Those deep blue eyes of his... have they always been so mesmerizing? I find myself unable to look away, drawn into their depths like I'm falling into an ocean.</span></div><center><img src="images/seryk/chapter4/gaymakeout/1.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #87CEEB; font-style: italic;">Did his eyes always look so wonderful? And his lips... they look so soft, so inviting, almost... tasty? What? Wait, what is wrong with me?</span></div></div><div class="choice-section" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 25px; text-align: center;"><p style="color: #DDA0DD; font-weight: bold; margin-bottom: 20px;">Something stirs between us...</p>[[Give in to the attraction|SerykRylanBlightwood1kiss]]</div></div><<changeFace $currentRylanFace>><<statSummary>>

<<if not $serykFirstKiss>><<set $serykFirstKiss = "Rylan">><</if>><<script>>window.AudioSystem.playBGM('intimate.mp3'); window.currentLoopingSFX = new Audio('sounds/hsounds/malekiss.mp3'); window.currentLoopingSFX.loop = true; window.currentLoopingSFX.volume = 0.6; window.currentLoopingSFX.play();<</script>><<set $currentFace = $currentRylanFace>><<set $serykRylanBlightwoodEncounter = true>><<if not $rylan_SerykKissCount>><<set $rylan_SerykKissCount = 0>><</if>><<if not $seryk_RylanKissCount>><<set $seryk_RylanKissCount = 0>><</if>><<if not $rylan_kissCount>><<set $rylan_kissCount = 0>><</if>><<if not $seryk_kissCount>><<set $seryk_kissCount = 0>><</if>><<if not $rylan_SerykCumCount>><<set $rylan_SerykCumCount = 0>><</if>><<if not $seryk_RylanCumCount>><<set $seryk_RylanCumCount = 0>><</if>><<if not $rylan_masturbationCount>><<set $rylan_masturbationCount = 0>><</if>><<if not $seryk_masturbationCount>><<set $seryk_masturbationCount = 0>><</if>><div class="blightwood-container" style="background: linear-gradient(to bottom, rgba(65, 45, 85, 0.9), rgba(45, 25, 65, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(180, 120, 200, 0.5);"><div class="scene-header" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌿 Into the Blightwood 🌿</p><p style="color: #E6E6FA; font-size: 1.1em;">A dangerous mission with unexpected consequences</p></div><div class="story-content" style="background: rgba(60, 40, 80, 0.6); border: 1px solid rgba(180, 120, 200, 0.4); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Even as the rational part of my mind questions what's happening, my body moves of its own accord. I step closer to him, and he does the same. The purple mist swirls around us like we're in a dream.</span></div><center><img src="images/seryk/chapter4/gaymakeout/2.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Our faces are inches apart now. I can feel his warm breath on my skin. His lips are so close... and then they touch mine.</span></div><center><img src="images/seryk/chapter4/gaymakeout/3.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The kiss lasts only a moment before we both jump back, startled by our own actions.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Sorry! I don't know what's wrong with me."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"No, it's... I'm sorry too. Something about this place..."</span><center><img src="images/seryk/chapter4/gaymakeout/4.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">But even as we apologize, our eyes meet again. The magnetic pull returns, stronger than before. This time, neither of us resists.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Our lips crash together again, but this time we don't pull away. The kiss deepens, becomes hungry, desperate. I feel his tongue brush against my lips and instinctively part them, allowing him access.</span></div><center><img src="images/seryk/chapter4/gaymakeout/5.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">My hands find their way to his muscular chest while his wrap around my waist, pulling me closer. In the heat of the moment, I feel his hands slip under my sweat-dampened shirt, lifting it over my head with surprising gentleness before tossing it aside. The purple mist swirls around us like we're the center of a magical storm. Everything feels heightened - every touch, every sensation.</span></div><center><img src="images/seryk/chapter4/gaymakeout/6.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We're completely lost in each other, our bodies pressed together as we explore this newfound passion. His skin feels burning hot against mine, and I can feel the rapid beating of his heart matching my own frantic rhythm.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"You feel so good against me..."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">His whispered words send shivers down my spine. I can only moan softly in response as our lips find each other again, deeper and more passionate than before. His tongue explores my mouth while his strong hands roam across my bare back.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Seryk... this feels incredible..."</span></div><center><img src="images/seryk/chapter4/gaymakeout/7.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">He responds by kissing along my jawline, his breath hot against my ear as he nibbles gently at my earlobe. Every touch sends electric shocks through my body, and I find myself pressing even closer to him, desperate for more contact.</span></div><center><img src="images/seryk/chapter4/gaymakeout/8.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"I want you so badly... I never felt anything like this before..."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Our mouths crash together again in a hungry, desperate kiss. I can taste the sweetness of his saliva mixed with the faint magical essence of this place. My hands explore the hard planes of his chest, feeling his muscles tense and relax under my touch.</span></div><<quickRoll "Saliva Fascination" "Rylan" 85 5 "salivaFetish" 4>><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The taste of his saliva is intoxicating - sweet and uniquely him. I find myself hungering for more, our tongues intertwining as I eagerly drink in every drop he offers. There's something addictive about the way our mouths meld together, sharing this intimate essence.</span></div><<changeFetish "Rylan" "salivaFetish" 0.3>><<changeLust "Rylan" 2>><<changeAttraction "Rylan" "Seryk" 0.5>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The kiss is passionate and deep, our tongues dancing together as we lose ourselves in the moment. His taste is pleasant and warm against my lips.</span></div><<changeLust "Rylan" 1>><</if>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"I can't... can't stop myself... you're driving me crazy..."</span></div><center><img src="images/seryk/chapter4/gaymakeout/9.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The purple mist seems to pulse around us, responding to our passion. I feel his hands slide lower, gripping my waist possessively as he pulls me against him. The friction between our bodies is maddening, building an intense heat that threatens to consume us both.</span></div><center><img src="images/seryk/chapter4/gaymakeout/10.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><<quickRoll "Submission Response" "Rylan" 90 5 "submissionFetish" 4>><<if not _tempRollSuccess>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">His possessive grip on my waist sends a thrill through me that I don't quite understand. There's something deeply appealing about how he takes control, how his strength overpowers mine. I find myself yielding to his touch, letting him guide our movements as I surrender to the overwhelming sensations.</span></div><<changeFetish "Rylan" "submissionFetish" 0.25>><<changeFetish "Seryk" "dominanceFetish" 0.2>><<changeLust "Rylan" 2>><<changeLust "Seryk" 2>><<changeAttraction "Rylan" "Seryk" 0.5>><<changeAttraction "Seryk" "Rylan" 0.5>><<else>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We move together as equals, both lost in the passion of the moment. Our bodies press closer as we explore this newfound intimacy between us.</span></div><<changeLust "Rylan" 1>><<changeLust "Seryk" 1>><</if>><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Don't stop... please don't stop... I need this... need you..."</span><div style="clear: left;"></div></div><<changeFetish "Rylan" "gayValue" 0.4>><<changeFetish "Seryk" "gayValue" 0.3>><<changeAffection "Rylan" "Seryk" 2>><<changeAffection "Seryk" "Rylan" 2>></div><div class="choice-section" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 25px; text-align: center;"><p style="color: #DDA0DD; font-weight: bold; margin-bottom: 20px;">To be continued...</p>[[Continue|SerykRylanBlightwood2]]</div></div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('intimate.mp3'); if (window.currentLoopingSFX) { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX = null; }<</script>><<run window.AudioSystem.playSFX('hsounds/cum.mp3')>><<set $currentFace = $currentRylanFace>><div class="blightwood-container" style="background: linear-gradient(to bottom, rgba(65, 45, 85, 0.9), rgba(45, 25, 65, 0.8)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(180, 120, 200, 0.5);"><div class="scene-header" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌿 Aftermath in the Blightwood 🌿</p><p style="color: #E6E6FA; font-size: 1.1em;">Passion reaches its peak, then reality returns</p></div><div class="story-content" style="background: rgba(60, 40, 80, 0.6); border: 1px solid rgba(180, 120, 200, 0.4); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">His desperate plea ignites something primal within me. We kiss with wild abandon, our tongues dancing together as we lose ourselves completely in this moment. I can feel every muscle in his powerful body as he presses against me, his strength both thrilling and comforting.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">The heat between us builds and builds, our movements becoming more urgent, more desperate. I trace the lines of his jaw with my lips, tasting the salt of his sweat and the intoxicating flavor that's uniquely his.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Seryk... I'm... I'm going to..."</span></div><center><img src="images/seryk/chapter4/gaymakeout/11.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Me too... let go with me... together..."</span><div style="clear: left;"></div></div><center><img src="images/seryk/chapter4/gaymakeout/12.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Our final kiss is the most intense yet - deep, passionate, and filled with an overwhelming connection that goes beyond just physical desire. The purple mist seems to swirl faster around us as we reach our peak together, our bodies trembling with shared ecstasy.</span></div><center><img src="images/rylan/cum.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><center><img src="images/seryk/cumming.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 20px 0;"></center><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We both shudder and gasp against each other's lips as the intense pleasure overwhelms us, our bodies responding to the magical atmosphere and unexpected intimacy. For several long moments, we just hold each other, breathing heavily as the waves of sensation slowly subside.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Suddenly, as if a spell has been broken, we both blink and step apart. The purple mist around us seems to dissipate slightly, and the overwhelming urges that had consumed us moments before begin to fade. We look at each other with wide, shocked eyes.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Oh... oh no. I'm sorry! I don't know what came over me. Must be the atmosphere here..."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Yes... let's forget it ever happened. The mist... it must have been affecting our minds."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I quickly retrieve my discarded shirt, pulling it back on with trembling hands. Seryk does the same, both of us avoiding eye contact as we gather the plant pouches we'd dropped during our... encounter.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"We should get out of here before whatever's in this mist affects us again."</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Agreed. We got what we came for."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We make our way out of the clearing in awkward silence, the weight of what just happened hanging between us like a thick fog. Neither of us speaks as we navigate through the twisted trees of Blightwood, each lost in our own thoughts.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">Once we're safely away from the purple mist and back on familiar ground, Seryk finally breaks the silence.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><img src="images/seryk/chapter2/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin-right: 15px; clear: left;"><span class="dialog-seryk">"Listen, bro... what happened back there... it wasn't us. It was the magic in that place. We're good, right?"</span><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span class="dialog-rylan">"Of course. We're good. Just... strange magic, that's all."</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">But even as I say the words, even as we both agree it was just the magical influence, my mind keeps drifting back to those moments in the clearing. The way his lips felt against mine... the strength of his hands... the taste of him...</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #87CEEB; font-style: italic;">Why did it feel so amazing? Even now, away from the mist, I can't shake the memory of how right it felt to be in his arms. Was it really just the magic, or... was there something more?</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">I shake my head, trying to dispel these confusing thoughts. We agreed to forget it happened. It was just the magical atmosphere of that place affecting our minds. Nothing more.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">But deep inside, a small voice whispers that maybe, just maybe, there was something real in those kisses...</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">We continue the journey home in comfortable silence, the plants safely gathered and our mission accomplished. Whatever happened in that clearing, we both seem content to leave it there, buried under the excuse of magical influence.</span></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"><span style="color: #F5DEB3; font-style: italic;">At least, that's what we're both pretending.</span></div></div><div class="choice-section" style="background: rgba(80, 60, 100, 0.8); border: 1px solid rgba(200, 150, 220, 0.6); border-radius: 8px; padding: 25px; text-align: center;">[[Return home|MorningChoices]]</div></div><<set $rylan_SerykKissCount += 3>><<set $seryk_RylanKissCount += 3>><<set $rylan_kissCount += 3>><<set $seryk_kissCount += 3>><<if not $rylanFirstKiss>><<set $rylanFirstKiss = "Seryk">><</if>><<set $rylan_SerykCumCount += 1>><<set $seryk_RylanCumCount += 1>><<set $rylan_masturbationCount += 1>><<set $seryk_masturbationCount += 1>><<set $rylan_sexualExperience += 0.8>><<set $seryk_sexualExperience += 0.8>><<set $rylan_kissExperience += 0.6>><<set $seryk_kissExperience += 0.6>><<set $rylan_basicExperience += 0.5>><<set $seryk_basicExperience += 0.5>><<changeLust "Rylan" 25>><<changeLust "Seryk" 20>><<changeAttraction "Rylan" "Seryk" 1.2>><<changeAttraction "Seryk" "Rylan" 1.0>><<changeAffection "Rylan" "Seryk" 0.8>><<changeAffection "Seryk" "Rylan" 0.8>><<changeFetish "Rylan" "GayValue" 0.5>><<changeFetish "Seryk" "GayValue" 0.3>><<changeFetish "Rylan" "MuscleFetish" 0.3>><<changeFetish "Rylan" "SalivaFetish" 0.8>><<changeFetish "Seryk" "SubmissionFetish" 0.2>><<addSoulCorruption "rylan" 1>><<soulDisplay "rylan">><<trackAffection "Rylan" "Seryk" 0.8>><<trackOther "Rylan" "SerykKissCount" 3>><<trackOther "Seryk" "RylanKissCount" 3>><<trackOther "Rylan" "kissCount" 3>><<trackOther "Seryk" "kissCount" 3>><<trackOther "Rylan" "SerykCumCount" 1>><<trackOther "Seryk" "RylanCumCount" 1>><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeriadate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="afternoon-scene-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85) 0%, rgba(255, 192, 203, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-overlay" style="background: url('images/landscapes/bedroom.webp') center/cover; opacity: 0.2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #B22222; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🛏️ <<print $humanName>>'s Room - Afternoon 🛏️</h2> <p style="color: #DC143C; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-style: italic; font-size: 1.1em;">A quiet moment of contemplation...</p></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I lay on my bed, staring at the ceiling as the afternoon light filters through my window. The rest period has been refreshing, but now I'm wondering what to do with the remaining daylight. Maybe I should—</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">*Knock knock*</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I sit up, curious about who might be visiting. "Come in," I call out, swinging my legs over the side of the bed.</span></div> <center><img src="images/nimeria/facesmile.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The door opens to reveal Nimeria, wearing her usual gentle smile that somehow always makes the room feel brighter. She steps inside with a bounce in her step, and I notice something playful in her expression today.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"<<print $humanName>>!"</span> she says cheerfully, then brings her hands together and curls her fingers in an adorable gesture. <span class="dialog-nimeria">"I was thinking... would you like to come shopping with me? I wanted to explore the market district a bit."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Sure, I didn't have anything planned anyway. It might be nice to get some fresh air."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her eyes light up with pure joy, and she actually starts jumping a little in place, clapping her hands together.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facehappy.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Wonderful! This will be perfect—it's a date!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshock.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"A date?!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Yes, yes! Don't worry about the small details."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"This isn't a small detail! The word 'date' has very specific implications—"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Before I can finish my protest, she grabs my arm with surprising determination and starts pulling me toward the door. When did she get so strong?!</span></div> <div style="text-align: center; margin: 30px 0;"> [[Continue to the hallway...|ShoppingDateHallway]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('tense.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #8B4513; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">💍 Oswins Accessories 💍</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <center><img src="images/landscapes/accessoryshop.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <span style="color: #F5DEB3; font-style: italic;">The small shop is filled with glittering jewelry, delicate hair ornaments, and beautiful trinkets. Nimeria immediately gravitates toward a display case containing an elegant silver bracelet with small charms shaped like stars and moons.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facehappy.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"This one is perfect! It's beautiful, don't you think?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The shopkeeper, a middle-aged man with a permanent scowl, looks up from his ledger. His expression immediately darkens when he notices Nimeria's demonic features.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/oswin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-shopkeeper">"A demon! Get out of my establishment immediately! I don't sell anything to demons or the fools who consort with them!"</span> His voice rises with each word. <span class="dialog-shopkeeper">"Leave now, or better yet—just disappear from this world entirely!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Rage blazes through me like wildfire. How dare he speak to her like that! My hands clench into fists, and I step forward, ready to give this bigoted fool a piece of my mind. But Nimeria's gentle hand on my arm stops me.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"It's alright, <<print $humanName>>. I don't want to ruin such a wonderful day over something like this. Let's just find another shop."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"But this is completely unacceptable! He can't just—"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Really, it's fine!"</span> she insists, maintaining her gentle smile despite the hurt I can see flickering in her eyes.</div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Reluctantly, I follow her out of the shop, my jaw still tight with anger. But true to her nature, Nimeria quickly brightens the mood by pointing out another food stall she wants to try.</span></div> <div style="text-align: center; margin: 30px 0;"> [[Continue eating and exploring...|ShoppingDateContinued]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeriadate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(255, 165, 0, 0.85) 0%, rgba(255, 140, 0, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #8B4513; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🌅 Later in the Afternoon 🌅</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">After visiting what feels like every food stall in the market district, we finally find a shaded bench near a fountain. Nimeria looks completely satisfied but also slightly overwhelmed by her culinary adventure.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facetired.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Phew... I think I've reached my limit. Please don't let me buy any more food, or I might actually burst!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"You're the one who decided to sample everything we came across! I'm still amazed how you fit all that food in such a petite frame."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Love goes to a different stomach!"</span> she says with a playful wink.</div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her comment about love makes me pause. She's mentioned loving me several times already, and I'm starting to wonder if she's being serious. The way she looks at me sometimes, the things she says... there's something deeper there.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"You keep saying you love me... are you being serious when you say that?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria's expression grows more serious, and she looks directly into my eyes with an intensity I've rarely seen from her.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Hypothetically... if I were to become a queen someday, would you join me on the throne as my king?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"I'm not exactly experienced with women, but... is that a weird way to declare your love?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"It is!"</span> she confirms without hesitation.</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"But why? We've only known each other for a short while..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Is time really the most important factor in love? I have two reasons. First... you saved me when I was just a lost child with no one left who cared about me."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceconfused.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Me? When did I save you? I'm certain I would remember meeting you before you came to stay with us."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Oh, don't worry about that detail. We didn't actually meet before. It's more like... a dream, an illusion that kept me alive during my darkest times."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her cryptic words leave me wondering what exactly she went through before coming to us. There's clearly more to her story than she's revealed.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Second... do you remember the very first thing you said when you met me?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Hmm... honestly, I can't recall exactly what I said."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"You said '...an angel.' Not a witch, not a monster, not some cursed creature. Just... an angel. You weren't influenced or manipulated—that was your genuine first impression of me."</span> Her voice grows softer. <span class="dialog-nimeria">"If that doesn't make a broken girl's heart flutter, I don't know what would."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I find myself with even more questions about her past, but I can see how much that moment meant to her. After considering her words carefully, I take a breath before responding.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"To answer your question honestly... no. As much as I care about you, I have Liora to consider."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"That's perfectly alright. I wouldn't mind sharing—I'd even encourage you to have multiple relationships if that would make you happy. Just... keep the thought in the back of your mind. You can always give me a different answer in the future."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her casual acceptance and mention of sharing catches me off guard. Before I can process that fully, I notice something familiar in the distance that makes my heart skip a beat.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"We should probably start heading back soon, but... wait."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">There it is again—the Whisper's Wisdom entrance. Something about it calls to me, like an invisible force pulling at my very soul. I have this overwhelming feeling that if I don't investigate now, I'll regret it for the rest of my life.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Nimeria, would you mind waiting here for a few minutes? There's something I need to check out quickly."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Of course! But don't keep a lady waiting too long."</span> she says with a playful wink.</div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Investigate the Whisper's Wisdom...|WhispersWisdomReturn]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('family.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #8B4513; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🏠 Homecoming 🏠</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I leave Nimeria and Seryk to their playful chase, walking ahead toward our house. The familiar sight of home brings a warm feeling to my chest, but I'm surprised to see both Liora and Serin waiting at the entrance.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/serin/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-serin">"Well, well! Look who's back from his romantic adventure!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Great, not Serin too. I thought at least she'd be on my side about this whole "date" nonsense.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facefrustrated.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"It wasn't a date! We just went shopping!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">To my complete shock, even Liora joins in with a gentle giggle. Her usual innocent demeanor makes her teasing somehow even more surprising.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facelaughshortpinkdress.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">"Shopping together does sound rather date-like, doesn't it? Though I'm sure it was perfectly innocent."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Liora! Even you?!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/liora/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-liora">"Oh, but before we tease you any further... your <<print $humanToThalor>> is back."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 45, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">My heart skips a beat. <<print $humanToThalor>> is back? I turn toward the entrance and there he is—tall, imposing, weathered by countless battles. Our eyes meet across the distance, and immediately I feel like a child again, small and uncertain.</span></div> <center><img src="images/thalor/standing.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 45, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;"><<print $humanToThalor>> strides toward me with purpose, his heavy boots echoing against the stone path. I can't help but look down, the weight of his presence making me feel every bit the inadequate <<print $humanIsMariel>> I've always been.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">SMACK! His massive hand crashes down on my shoulder with enough force to nearly knock me over. The impact sends a sharp pain shooting through my arm.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/thalor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-thalor">"Did you grow? I heard you finally passed the guild exam. I'm proud of you, son."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Those words hit me harder than his hand on my shoulder. Pride. From <<print $humanToThalor>>. I look up at him, my vision blurring slightly as emotions I've kept buried threaten to overwhelm me.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"<<print $humanToThalor>>..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Just then, Seryk comes jogging back toward us, his easy smile bright as ever. Behind him, far in the distance, Nimeria stumbles along, clearly exhausted from trying to catch her much more athletic brother.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facetired.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"Wait... I'll... get you..."</span> *cough* *cough*</div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The moment <<print $humanToThalor>>'s eyes land on Seryk and Nimeria, everything changes. His entire body goes rigid, as if struck by lightning. The color drains from his face, replaced by an expression I've never seen before—pure, raw shock mixed with something deeper. Trauma? Terror? It's like he's seeing ghosts from his worst nightmares.</span></div> <center><img src="images/thalor/shocked.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">What's wrong with him? I've never seen <<print $humanToThalor>> look like this—not even when facing the most dangerous monsters. His hands are actually trembling.</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The heavy wooden door of our house creaks open with an ominous groan. From the shadows of the doorway emerges an extremely muscular old man, his presence immediately commanding attention. The moment his eyes fall upon Seryk and Nimeria, his expression transforms into something terrifying—pure, unbridled fury.</span></div> <center><img src="images/story/chapter4/gairosfight/gairosfurious.webp" style="width: 500px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The air itself seems to grow thick with tension. This man's rage is palpable, radiating outward like heat from a forge. Whatever history exists between these people, it's about to explode into the open.</span></div> <div style="text-align: center; margin: 30px 0;"> [[The tension reaches a breaking point...|GairosConfrontation]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(138, 43, 226, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">A chill runs down my spine as Veloria's expression grows darker, more serious. Her casual demeanor shifts to something ancient and weary.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Time is a river I've been watching from the shore for three centuries now. The question isn't my age—it's which era I've witnessed from this prison between moments. I've been trapped here since the war... the real war, not the skirmish your heroes call their great victory."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">The war? She speaks as if there was something far greater than the battle against the Demon King. What conflict could dwarf that legendary struggle?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Wait... what war are you talking about? The only major conflict anyone knows about is when my <<print $bothToHuman>> defeated the Demon King. Are you saying there was something even greater than that?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's laugh is hollow, tinged with three centuries of bitter amusement. She waves her hand dismissively, as if brushing away the very notion.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Child, your guardians' little adventure was barely a footnote in the annals of true conflict. While they celebrated their victory over one demon lord, I witnessed the shattering of worlds, the reshaping of reality itself. But enough ancient history—we have more pressing concerns."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her gaze returns to the crystal ball, and her expression grows grave. The weight of impending doom settles over the room like a shroud.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Your companions' life threads tell a different story than this pleasant façade you all maintain. Most have grown stronger, more vibrant since our last encounter. But one... one unravels before my very eyes. The tapestry of fate rarely lies, young one. Death stalks your circle."</span></div><div style="clear: left;"></div></div> <center><img src="images/items/ropebreak.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Despite every rational thought telling me this is madness, I find myself believing her. The accuracy of her descriptions, the impossible nature of this place... too many coincidences to dismiss.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Alright... assuming you're not just an elaborate con artist, tell me who. Which of my friends is in danger?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's eyes light up with satisfaction. She's been waiting for this moment—the moment I finally take her seriously.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Ah, now we make progress. Fear for those we love is perhaps the only force strong enough to pierce the veil of stubborn disbelief."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Cut the philosophical bullshit. My skepticism doesn't matter if one of my friends dies because I was too proud to listen. Just... tell me what I need to know."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">For the first time since I entered this place, Veloria's expression shows something approaching genuine sympathy. Her ancient eyes soften slightly.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Such wisdom in your desperation... Very well. The identity remains shrouded—fate is cruel that way. But the certainty is absolute. Death comes swiftly, perhaps within days. A week at the outside, though I fear it may be sooner."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What can I do to change it?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Theoretically, fate can be changed. But usually, when people try to intervene, they end up setting fate on the very path toward death in the first place. You never know what to do beforehand."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What can I do?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"I won't do it for free..."</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Ask about the price...|WhispersWisdomPayment]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(138, 43, 226, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Of course. Nothing this powerful comes without a price. I should have known she'd demand payment for such critical information.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceskeptical.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Right, of course there's a catch. So what's your price for this life-saving information?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's smile returns, cold and calculating. The brief moment of sympathy vanishes as quickly as it appeared.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Ten thousand gold pieces."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Ten thousand... that's an absolute fortune. More money than I've seen in my entire life. More than most people will ever have.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Ten thousand?! That's not just a house—that's a mansion with servants and enough left over to live in luxury for years!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria leans back in her chair, completely unmoved by my shock. To her, this amount might as well be pocket change.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Consider this: if I approached any monarch with the power to alter fate itself, they would empty their treasury without hesitation. Ten thousand? They'd pay a hundred times that sum to save their bloodline."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">She's right, but that doesn't make it any less impossible. I'm barely scraping by as an adventurer. Ten thousand gold might as well be ten million.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"You're absolutely right, but I'm not royalty. I'm a struggling adventurer who can barely afford decent equipment. Even with the most dangerous missions, I might scrape together a thousand gold in a week—if I'm incredibly lucky and don't die trying."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's expression doesn't change. She's clearly dealt with this situation before—desperate people making impossible promises they can't keep.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"How fortunate for you that I exist outside the constraints of mortal time. Weeks, months, years—all meaningless here. Simply promise payment with appropriate interest, and I'll collect when fate allows. Debts have a way of finding their debtors, regardless of how long it takes."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">The way she says that sends a chill down my spine. This isn't just a business transaction—I'm making a deal with something far beyond human understanding. But what choice do I have?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Fine. I promise to pay you ten thousand gold, with whatever interest you deem fair. Now please—tell me who's in danger."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Okay, let me see how they connect. Hmm..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Five minutes pass in silence as Veloria stares intensely at something I can't see, her hands moving in complex patterns over her crystal ball.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facefrustrated.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What now?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Don't stress me! There are so many ropes connected, it's hard to find their base..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Another thirty minutes crawl by. I'm starting to wonder if this is all an elaborate scam when Veloria finally looks up.</span></div> <div style="text-align: center; margin: 30px 0;"> [[Wait for the answer...|WhispersWisdomAnswer]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(138, 43, 226, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Finally, Veloria's eyes snap open with sudden clarity. But instead of relief, her expression fills me with dread—she looks genuinely disturbed by whatever she's seen.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"The threads have revealed their secret. Death comes cloaked in arcane power beyond mortal comprehension. Beware magic that could reshape reality itself."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">After all that buildup, after that enormous price... this is what I get? A vague warning about magic? I feel my frustration boiling over.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facefrustrated.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Are you serious?! After an hour of mystical divination and a ten thousand gold promise, your earth-shattering revelation is 'watch out for magic'? We face magical threats every single day as adventurers!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's expression hardens. For a moment, I see a flash of the immense power she claims to possess—three centuries of accumulated strength, terrible and utterly beyond my comprehension.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Child, your petty dungeon spells and monster hexes are parlor tricks compared to what approaches. I speak of magic that could erase cities, that could unweave the very fabric of existence. Power sufficient to kill gods—including myself."</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">If she can truly kill someone as powerful as herself, I need to understand what we're dealing with. What kind of monster threatens my friends?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceconfused.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Just how powerful are you? I need to understand the scale of what we're facing."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's expression becomes contemplative, almost melancholy. For the first time, she seems to look inward rather than at the threads of fate around us.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"In my era, perhaps one or two beings could match my strength—and they're long dead. The fact that your realm still exists suggests the current generation lacks such titans. Which makes this threat all the more terrifying."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Someone capable of god-level destruction... The demon king perhaps, but he's dead. That leaves only the legendary heroes' party. <<print $humanToThalor>> is formidable, but his strength is physical, not magical. <<print $humanToMariel>> has powerful healing magic, but nothing destructive enough to threaten Veloria...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria clears her throat pointedly, clearly trying to regain my attention, but I'm lost in thought.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Ahem."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Then there's Master Gairos and that dryad woman—Verdalis, wasn't it? But Gairos serves in the capital and has no quarrel with our family. Unless... could there be others? Perhaps a new demon lord has risen, or foreign powers with arcane knowledge we've never encountered...</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's patience finally snaps. Her voice erupts with all the fury of a goddess scorned.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"CHILD! CEASE YOUR PRATTLING AND LISTEN TO ME!"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Her outburst jolts me back to reality. The mystic energy around her seems to crackle with barely contained power—I definitely don't want to anger her further.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Forgive me! I was trying to process the implications of such power."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria takes a deep breath, her composure returning like a mask sliding back into place. The dangerous energy dissipates, but I can still feel its lingering presence.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Can you think of anyone else in your realm who possesses such devastating capability?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Honestly? Only the fallen Demon King possessed such might, and he's long dead. The heroes who defeated him are the strongest living beings I know of, but none would harm their own companions. I can't fathom who else could threaten someone of your caliber."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria nods grimly, as if my answer confirms something she already suspected. Her demeanor shifts from interrogator to benefactor as she reaches into the folds of reality itself.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Then I have shared all the wisdom I can offer. But before you depart, accept this."</span> She materializes an intricate ticket from thin air. <span class="dialog-veloria">"This will grant you passage back to my sanctuary from anywhere in your realm. Simply hold it while crossing any threshold and focus your thoughts upon me."</span></div><div style="clear: left;"></div></div> <center><img src="images/items/ticket.webp" style="width: 300px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">I take the shimmering ticket, feeling its strange warmth against my palm. The material seems to shift between paper and pure energy, defying easy description.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Above all else, young one—guard your companions with vigilance. Death stalks in shadows deeper than you can imagine."</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Leave the shop...|WhispersWisdomExit]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('nimeriadate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(135, 206, 235, 0.85) 0%, rgba(173, 216, 230, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #4682B4; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🏃‍♂️ Walking Home 🏃‍♂️</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">As we walk home, I recount everything that happened in Veloria's shop. Nimeria listens intently, asking pointed questions about the rope metaphor, the warning about strong magic, and especially about Veloria calling Seryk and her "elves." When we're near home, we encounter Seryk approaching from the opposite direction.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Well, well! How'd the date with my sister go?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facefrustrated.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Oh come on, not you too!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Haha, relax! Mariel told us about your little shopping trip. We've all been having fun with it."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Wait, Liora too?!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Don't worry, she's not jealous or anything. Actually thought it was pretty funny."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Seryk steps closer and lowers his voice so only I can hear.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Thanks for taking Nim out today. I know she can be... intense, but she's got a good heart underneath all that attitude."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceserious.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"...I can hear you, Seryk..."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Hahaha!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Seryk whispers even quieter, his expression growing more serious.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"But seriously though, I really appreciate it. If anything ever happens to me, just... look out for her, alright? She's all the family I've got."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Hey, don't talk like that! Nothing's going to happen to you."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"What are you whispering to <<print $humanName>>?!"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/seryk/facesmile.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-seryk">"Oh, nothing much. Just telling him how much better I'd treat him than you would."</span> *winks*</div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/nimeria/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-nimeria">"SERYK!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Nimeria chases after Seryk, despite her smaller frame and weaker body. I can see that Seryk deliberately slows down so she can keep up with him. The neighbors stare in shock at the sight of two demons happily chasing each other—something unheard of for 'slaves.'</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Watching them like this... this is what happiness looks like. Maybe Veloria was wrong. Who would want to destroy something so pure?</span></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">In the distance, I can see our house. Serin and Liora are standing at the entrance, and there's a carriage nearby. Wait... is that...</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Is that <<print $humanToThalor>>?!"</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Approach the house...|ThalorArrival]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(138, 43, 226, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"><div class="scene-header" style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #DDA0DD; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); font-size: 2em; margin-bottom: 10px;">🔮 Whisper's Wisdom - The Return 🔮</h2></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The familiar mystical atmosphere of the shop envelops me as I step inside. Veloria sits behind her crystal ball, her knowing smile unchanged from our last encounter. Something about her presence feels both ancient and timeless.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Ah, the threads of fate bring you back to me..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Her voice carries an otherworldly echo that seems to resonate from multiple dimensions at once. Her knowing gaze pierces through me as if reading chapters of my life I haven't even written yet.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"How fascinating. Your destiny has taken such unexpected turns since our last encounter."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Here we go again. She's looking at me like I'm some cosmic puzzle she's trying to solve, and I have no idea what she's talking about.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceconfused.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What's so fascinating? You're staring at me like I've grown a second head."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"The tapestry of your future has been rewoven entirely. Choices you've made, bonds you've forged... they've altered the very fabric of possibility around you. Such dramatic changes in so short a time."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">I can't help but roll my eyes. Here comes the mystical fortune-teller routine again. Let me guess—she'll speak in riddles and then demand payment for her "wisdom."</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceskeptical.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Right, here comes the part where you speak in cryptic riddles and then demand payment for your 'profound insights.'"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">To my surprise, Veloria throws back her head and erupts in genuine laughter—rich, melodious, and completely unrestrained. The sound echoes through the mystical shop like music from another realm.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Oh, how delightfully cynical! You truly have no idea who stands before you, do you? Though I suppose that's hardly surprising—it has been centuries since anyone spoke my name with recognition. Time has a way of erasing even legends."</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Should I know you?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's amusement fades slightly, replaced by something more calculating. She leans forward, her ancient eyes studying me with renewed interest.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Tell me, child—did it never strike you as curious that this establishment materialized from absolute nothingness? That one day empty space, the next a fully formed shop of wonders?"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">She has a point, but Nimeria already explained this phenomenon. Magic shops aren't exactly common, but they're not unheard of either.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Nimeria already explained that phenomenon. Magical establishments occasionally manifest spontaneously, though she warned me to enter alone—apparently multiple visitors can cause unpredictable dimensional instabilities."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">For the first time since I've met her, Veloria looks genuinely impressed. Her eyebrows rise slightly, and there's something approaching respect in her ancient gaze.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Remarkable. At least one member of your little band possesses genuine wisdom. Her caution is well-founded—though this particular sanctuary transcends even those rules. If you truly wish to understand, cast your gaze beyond that window."</span></div><div style="clear: left;"></div></div><div style="text-align: center; margin: 30px 0;"> [[Look out the window...|WhispersWisdomWindow]] </div><<changeFace $currentRylanFace>><<statSummary>>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <div class="scene-container" style="background: linear-gradient(to bottom, rgba(75, 0, 130, 0.85) 0%, rgba(138, 43, 226, 0.9) 100%); min-height: 600px; position: relative; border-radius: 15px; overflow: hidden;"><div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">The words hit me like a physical blow. The playful atmosphere vanishes instantly, replaced by cold dread that settles in my stomach like a stone.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceshocked.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What the hell are you talking about?!"</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's eyes gleam with predatory satisfaction, like a cat that's finally cornered its prey. She savors my shock, feeding on the fear that's beginning to creep into my voice.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Finally, I have your undivided attention. Now then, when mortality comes calling, who shall it claim? Perhaps that weathered champion whose sword arm trembles with age? Or his radiant healer, whose very life force blazes so intensely it may burn through her mortal vessel?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">My heart pounds as I realize she knows exactly who they are. This isn't some generic fortune telling—she's describing specific people in my life with uncanny accuracy.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Everyone in Lindale knows about my <<print $bothToHuman>>—Thalor and Mariel, the heroes who defeated the Demon King. You're not exactly revealing hidden knowledge here."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's smile grows wider, more predatory. She's clearly enjoying this game of psychological chess.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"But perhaps the danger lies closer to your own generation... Consider the fierce warrior maiden whose spirit burns like wildfire—always first into battle, always risking everything for glory. Or that luminous healer whose innocence shines so purely it seems almost otherworldly—too perfect for this cruel realm."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Serin and Liora... she's describing them perfectly. My hands start trembling. How can she know these details?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/facethinking.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"Liora and Serin travel with me everywhere... but how do you know their personalities so well?"</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"And what of the azure-skinned giant whose fists could shatter stone? Such nobility in his bearing, despite the chains society would place upon him. An elf of remarkable presence..."</span></div><div style="clear: left;"></div></div> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span style="color: #F5DEB3; font-style: italic;">Veloria's gaze grows distant, as if peering through layers of reality I cannot perceive. Her voice takes on an almost hypnotic quality.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-veloria">"Then there's the dark-haired maiden with crimson flames dancing in her eyes—such haunting beauty, yet carrying shadows of ancient pain. Two elves... remarkable. Their life threads are unlike anything I've witnessed. At their foundation, there's a rupture—as if their original fate was severed—yet from that wound, stronger bonds have grown. Most peculiar..."</span></div><div style="clear: left;"></div></div> <center><img src="images/items/bluerope.webp" style="width: 400px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">Elves? That's impossible. Everyone knows demons and elves are completely different races. But her descriptions are too accurate to dismiss. Something about this feels deeply wrong.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceconfused.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"You clearly know Seryk and Nimeria, they're not exactly inconspicuous around here. But calling them elves? They're demons—everyone knows that. How can you be so precise about everything else yet get something so fundamental wrong?"</span></div><div style="clear: left;"></div></div><div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <img src="images/veloria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <span class="dialog-veloria">"Ah, so the old prejudices persist even in this age? How... disappointing, yet predictable."</span></div><div style="clear: left;"></div></div> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span style="color: #F5DEB3; font-style: italic;">Something in her tone suggests layers of history I can't even begin to fathom. The way she said "even in this age" carries weight, as if she's speaking from a perspective spanning multiple centuries.</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <div style="margin: 15px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border-left: 4px solid rgba(100, 100, 100, 0.5); padding: 15px; border-radius: 0 8px 8px 0;"> <span class="dialog-rylan" style="font-style: italic;">The way she speaks about time, about ages... it's like she's discussing weather patterns instead of the passage of human lifetimes. Who—or what—is this woman?</span></div><div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/rylan/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-rylan">"What do you mean by 'even now'? And just how old are you? You speak like you've witnessed the rise and fall of civilizations."</span></div><div style="clear: left;"></div></div> <div style="text-align: center; margin: 30px 0;"> [[Continue the conversation...|WhispersWisdomTimeReveal]] </div><<changeFace $currentRylanFace>><<statSummary>>

<table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _category, _categoryData range setup.statCategories>> <<if _categoryData.stats>> /* Direct stats */ <<for _statKey, _statData range _categoryData.stats>> <<capture _statValue>> <<if _statData.maleOnly && !$character.isMale || _statData.femaleOnly && $character.isMale>> <<continue>> <</if>> <<print $character[_statKey]>> <</capture>> <tr> <td><<print _statData.name>></td> <td><<print _statValue>></td> <td class="description"><<print _statData.description>></td> </tr> <</for>> <<else>> /* Categories with subcategories */ <<for _subcategory, _subcategoryData range _categoryData.subcategories>> <<for _statKey, _statData range _subcategoryData.stats>> <<capture _statValue>> <<if _statData.maleOnly && !$character.isMale || _statData.femaleOnly && $character.isMale>> <<continue>> <</if>> <<print $character[_statKey]>> <</capture>> <tr> <td><<print _statData.name>></td> <td><<print _statValue>></td> <td class="description"><<print _statData.description>></td> </tr> <</for>> <</for>> <</if>> <</for>> </table> <style> .stats-table { width: 100%; border-collapse: collapse; margin: 10px 0; } .stats-table th { background-color: #2a2a2a; color: #fff; padding: 8px; text-align: left; } .stats-table td { padding: 6px 8px; border-bottom: 1px solid #444; } .stats-table tr:hover { background-color: #333; } .stats-table td.description { color: #aaa; font-style: italic; font-size: 0.9em; } </style>

<<nobr>> <h2>�� Liora's Story</h2> <div class="diary-portrait-container"> <img @src="'images/' + $currentLioraFace" alt="Liora Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A shy and innocent healer-in-training with a natural talent for healing magic. Despite her reserved nature, she harbors a deep affection for <<print $humanName>>. Her pure heart and gentle demeanor make her popular at the guild, though she remains oblivious to the attention she receives.</p> </div> </div> <h3 class="section-header">Body</h3> <div class="body-parts-grid"> <div class="body-part-top"> <div class="stat-tooltip"> Corruption: <<print (setup.getStat("Liora", "basic", "corruption")).toFixed(1)>><br> Lust: <<print ($liora_Lust || 0).toFixed(1)>><br> Face Sensitivity: <<print (setup.getStat("Liora", "sensitivity", "faceSensitivity")).toFixed(1)>>% </div> <img src="images/liora/face.webp" alt="Face"> </div> <div class="body-part-left"> <div class="stat-tooltip"> Ass Size: <<print (setup.getStat("Liora", "body", "assSize")).toFixed(1)>><br> Ass Sensitivity: <<print (setup.getStat("Liora", "sensitivity", "assSensitivity")).toFixed(1)>>%<br> Anal Experience: <<print (setup.getStat("Liora", "experience", "analExperience")).toFixed(1)>> </div> <img src="images/liora/ass.webp" alt="Ass"> </div> <div class="body-part-center"> <div class="stat-tooltip"> Body Type: Voluptuous<br> Body Sensitivity: <<print setup.getStat("Liora", "sensitivity", "bodySensitivity").toFixed(1)>>%<br> Sexual Experience: <<print setup.getStat("Liora", "experience", "sexualExperience").toFixed(1)>> </div> <img src="images/liora/naked.webp" alt="Body"> </div> <div class="body-part-right"> <div class="stat-tooltip"> Breast Size: <<print setup.getStat("Liora", "body", "breastSize").toFixed(1)>><br> Breast Sensitivity: <<print setup.getStat("Liora", "sensitivity", "breastSensitivity").toFixed(1)>>%<br> Breast Experience: <<print setup.getStat("Liora", "experience", "breastExperience").toFixed(1)>> </div> <img src="images/liora/breasts.webp" alt="Chest"> </div> <div class="body-part-bottom"> <div class="stat-tooltip"> Vagina Stretched: <<print setup.getStat("Liora", "body", "vaginaStretched").toFixed(1)>><br> Vaginal Sensitivity: <<print setup.getStat("Liora", "sensitivity", "vaginalSensitivity").toFixed(1)>>%<br> Vaginal Experience: <<print setup.getStat("Liora", "experience", "vaginalExperience").toFixed(1)>> </div> <img src="images/liora/vagina.webp" alt="Vagina"> </div> </div> <h3 class="section-header">Underwear</h3> <div class="underwear-gallery"> <div class="underwear-item"> <h4>Panties</h4> <img @src="'images/Liora/' + (($liora_Lust >= 50 || ($characterStages && $characterStages.liora === 'stage2futa')) ? 'pantieswet.webp' : 'panties.webp')" alt="Panties"> </div> <div class="underwear-item"> <h4>Bra</h4> <img @src="'images/Liora/' + (($liora_Lust >= 50 || ($characterStages && $characterStages.liora === 'stage2futa')) ? 'brawet.webp' : 'bra.webp')" alt="Bra"> </div> </div> <<set _character = "Liora">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats"> Click on a character portrait above to view relationship details. </div> </div> </div> </div> <style> .body-parts-grid { display: grid; grid-template-areas: ". top ." "left center right" ". bottom ."; gap: 10px; justify-content: center; align-items: center; } .body-part-top, .body-part-left, .body-part-center, .body-part-right, .body-part-bottom { position: relative; cursor: pointer; } .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .body-part-top { grid-area: top; } .body-part-left { grid-area: left; } .body-part-center { grid-area: center; } .body-part-right { grid-area: right; } .body-part-bottom { grid-area: bottom; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } .underwear-gallery { display: flex; justify-content: center; gap: 20px; margin: 20px 0; } .underwear-item { text-align: center; } .underwear-item h4 { color: #ff69b4; margin-bottom: 10px; } .underwear-item img { width: 150px; height: 150px; object-fit: cover; border-radius: 10px; border: 2px solid rgba(255, 105, 180, 0.3); } .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } </style> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $lioraFirstKiss>> <<print $lioraFirstKiss>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $lioraFirstVaginal>> <<print $lioraFirstVaginal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $lioraFirstAnal>> <<print $lioraFirstAnal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $lioraFirstBlowjob>> <<print $lioraFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $lioraFirstHandjob>> <<print $lioraFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $lioraFirstFootjob>> <<print $lioraFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $lioraFirstBoobjob>> <<print $lioraFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish")>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish")>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Gay-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue").toFixed(1)>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <<script>> if (!State.variables.tooltipInitialized) { $(document.body).append('<div id="global-tooltip"></div>'); State.variables.tooltipInitialized = true; } $(document).ready(function() { $('.character-portrait').on('mouseenter', function(e) { const tooltip = $('#global-tooltip'); const content = $(this).closest('.character-card').find('.tooltip-content').html(); tooltip.html(content).show(); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); $('.character-portrait').on('mouseleave', function() { $('#global-tooltip').hide(); }); $(document).on('mousemove', function(e) { if ($('#global-tooltip').is(':visible')) { $('#global-tooltip').css({ left: e.pageX + 10, top: e.pageY + 10 }); } }); }); if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Rylan", "Mariel", "Thalor", "Serin", "Seryk", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const lioraLower = 'liora'; const affectionVar = `${lioraLower}_${characterName}Affection`; const attractionVar = `${lioraLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"> <h4>Basic Relationship</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">💗 Affection</span> <span class="stat-value">${affection.toFixed(1)}</span> </div> <div class="stat-item"> <span class="stat-name">💝 Attraction</span> <span class="stat-value">${attraction.toFixed(1)}</span> </div> </div> </div>`; const sexualStats = [ {name: 'Kiss Count', var: `${lioraLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${lioraLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${lioraLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${lioraLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${lioraLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${lioraLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${lioraLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${lioraLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${lioraLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${lioraLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${lioraLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${lioraLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${lioraLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${lioraLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${lioraLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${lioraLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${lioraLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${lioraLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${lioraLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${lioraLower}_${characterName}CumOnBodyMl`}, {name: 'Orgasms Given', var: `${lioraLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${lioraLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"> <span class="stat-name">${stat.name}</span> <span class="stat-value">${value}</span> </div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">No sexual encounters yet</span> <span class="stat-value">-</span> </div> </div> </div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>>

<<nobr>> <h2>📖 Mariel's Story</h2> <div class="diary-portrait-container"> <img @src="($characterStages && $characterStages.mariel >= 2) ? 'images/mariel/stage2/face.webp' : 'images/' + $currentMarielFace" alt="Mariel Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A beautiful and gentle woman who acts as <<print $humanName>>'s <<print $marielToHuman>>. Once a powerful priestess who helped defeat the demon king, she now lives a quiet life running an inn. Despite her gentle nature, she harbors deep regrets about the past and worries constantly about <<print $humanName>>'s future.</p> </div> </div> <h3 class="section-header">Body</h3> <div class="body-parts-grid"> <div class="body-part-top"> <div class="stat-tooltip"> Corruption: <<print setup.getStat("Mariel", "basic", "corruption").toFixed(1)>><br> Lust: <<print ($mariel_Lust || 0).toFixed(1)>><br> Face Sensitivity: <<print setup.getStat("Mariel", "sensitivity", "faceSensitivity").toFixed(1)>>% </div> <img @src="($characterStages && $characterStages.mariel >= 2) ? 'images/mariel/stage2/face.webp' : 'images/mariel/face.webp'" alt="Face"> </div> <div class="body-part-left"> <div class="stat-tooltip"> Ass Size: <<print setup.getStat("Mariel", "body", "assSize")>><br> Ass Sensitivity: <<print setup.getStat("Mariel", "sensitivity", "assSensitivity")>>%<br> Anal Experience: <<print setup.getStat("Mariel", "experience", "analExperience")>> </div> <img @src="($characterStages && $characterStages.mariel >= 2) ? 'images/mariel/stage2/ass.webp' : 'images/mariel/ass.webp'" alt="Ass"> </div> <div class="body-part-center"> <div class="stat-tooltip"> Body Type: Mature<br> Body Sensitivity: <<print setup.getStat("Mariel", "sensitivity", "bodySensitivity")>>%<br> Sexual Experience: <<print setup.getStat("Mariel", "experience", "sexualExperience")>> </div> <img @src="($characterStages && $characterStages.mariel >= 2) ? 'images/mariel/stage2/naked.webp' : 'images/mariel/naked.webp'" alt="Body"> </div> <div class="body-part-right"> <div class="stat-tooltip"> Breast Size: <<print setup.getStat("Mariel", "body", "breastSize")>><br> Breast Sensitivity: <<print setup.getStat("Mariel", "sensitivity", "breastSensitivity")>>%<br> Breast Experience: <<print setup.getStat("Mariel", "experience", "breastExperience")>> </div> <img @src="($characterStages && $characterStages.mariel >= 2) ? 'images/mariel/stage2/breasts.webp' : 'images/mariel/breasts.webp'" alt="Chest"> </div> </div> <h3 class="section-header">Wardrobe</h3> <div class="wardrobe-grid"> <div class="wardrobe-top"> <div class="wardrobe-label">Clothes</div> <img src="images/mariel/clothes.webp" alt="Clothes"> </div> <div class="wardrobe-left"> <div class="wardrobe-label">Underwear</div> <img @src="'images/Mariel/' + ($mariel_Lust >= 50 ? 'pantieswet.webp' : 'panties.webp')" alt="Panties"> </div> <div class="wardrobe-center"> <div class="wardrobe-label">Sleepwear</div> <img src="images/mariel/sleepwear.webp" alt="Sleepwear"> </div> <div class="wardrobe-right"> <div class="wardrobe-label">Bra</div> <img @src="'images/Mariel/' + ($mariel_Lust >= 50 ? 'brawet.webp' : 'bra.webp')" alt="Bra"> </div> <div class="wardrobe-bottomleft"> <div class="wardrobe-label">Legwear</div> <img @src="window.WardrobeSystem.getClothingImage('Mariel', 'Legwear', $mariel_Lust >= 50)" alt="Legwear"> </div> <div class="wardrobe-bottomright"> <div class="wardrobe-label">Shoes</div> <img src="images/mariel/shoes.webp" alt="Shoes"> </div> </div> <<widget "initializeTooltips">> <<script>> if (typeof State === 'undefined') { State = {}; } if (typeof State.variables === 'undefined') { State.variables = {}; } if (!State.variables.tooltipInitialized) { $(document.body).append('<div id="global-tooltip"></div>'); State.variables.tooltipInitialized = true; } $(document).ready(function() { $('.character-portrait').on('mouseenter', function(e) { const tooltip = $('#global-tooltip'); const content = $(this).closest('.character-card').find('.tooltip-content').html(); tooltip.html(content).show(); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); $('.character-portrait').on('mouseleave', function() { $('#global-tooltip').hide(); }); $(document).on('mousemove', function(e) { if ($('#global-tooltip').is(':visible')) { $('#global-tooltip').css({ left: e.pageX + 10, top: e.pageY + 10 }); } }); }); <</script>> <</widget>> <<initializeTooltips>> <<set _character = "Mariel">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats">Click on a character portrait above to view relationship details.</div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $marielFirstKiss>> <<print $marielFirstKiss>> <<else>> Thalor <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $marielFirstVaginal>> <<print $marielFirstVaginal>> <<else>> Thalor <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $marielFirstAnal>> <<print $marielFirstAnal>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $marielFirstBlowjob>> <<print $marielFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $marielFirstHandjob>> <<print $marielFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $marielFirstFootjob>> <<print $marielFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $marielFirstBoobjob>> <<print $marielFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value.toFixed(1)>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Same-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue")>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Rylan", "Thalor", "Liora", "Serin", "Seryk", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const marielLower = 'mariel'; const affectionVar = `${marielLower}_${characterName}Affection`; const attractionVar = `${marielLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"> <h4>Basic Relationship</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">💗 Affection</span> <span class="stat-value">${affection.toFixed(1)}</span> </div> <div class="stat-item"> <span class="stat-name">💝 Attraction</span> <span class="stat-value">${attraction.toFixed(1)}</span> </div> </div> </div>`; const sexualStats = [ {name: 'Kiss Count', var: `${marielLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${marielLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${marielLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${marielLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${marielLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${marielLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${marielLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${marielLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${marielLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${marielLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${marielLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${marielLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${marielLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${marielLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${marielLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${marielLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${marielLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${marielLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${marielLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${marielLower}_${characterName}CumOnBodyMl`}, {name: 'Orgasms Given', var: `${marielLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${marielLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"> <span class="stat-name">${stat.name}</span> <span class="stat-value">${value}</span> </div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">No sexual encounters yet</span> <span class="stat-value">-</span> </div> </div> </div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>> <style> .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .body-parts-grid { display: grid; grid-template-areas: ". top ." "left center right" ". bottom ."; gap: 10px; justify-content: center; align-items: center; } .body-part-top, .body-part-left, .body-part-center, .body-part-right, .body-part-bottom { position: relative; cursor: pointer; } .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .body-part-top { grid-area: top; } .body-part-left { grid-area: left; } .body-part-center { grid-area: center; } .body-part-right { grid-area: right; } .body-part-bottom { grid-area: bottom; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } .wardrobe-label { text-align: center; font-weight: bold; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .nav-button { background: rgba(255, 105, 180, 0.3); border: none; color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background 0.2s; } .nav-button:hover { background: rgba(255, 105, 180, 0.5); } .character-display { display: flex; gap: 20px; align-items: flex-start; } .character-portrait-large { width: 200px; height: 200px; border-radius: 100px; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); } .character-portrait-large img { width: 100%; height: 100%; object-fit: cover; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } </style>

<<nobr>> <h1>Character Diaries</h1> <div class="menu-tabs"> <div class="tab active" data-tab="diary">📖 Diary 📖</div> <div class="tab" data-tab="config">⚙️ Configuration</div>  </div> <div id="diary-content" class="tab-content active"> <div class="diary-grid"> <div class="diary-entry"> <div class="portrait-container"> <div style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.8), rgba(138, 43, 226, 0.9)); border-radius: 50%; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(138, 43, 226, 0.4);"> <span style="color: #FFFFFF; font-size: 3em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">✨</span> </div> <div class="character-name">Special Values</div> <div class="character-description">Track your character's unique traits, relationships, and special conditions.</div> </div> <a href="javascript:void(0);" onclick="SugarCube.Engine.play('SpecialValues');" class="view-diary-button">View Special Values</a> </div> <<script>> $(document).ready(function () { const characters = [{ id: "Rylan", name: State.variables.humanName || "Rylan", portrait: State.variables.currentRylanFace, description: "A village boy striving for more.", unlockCondition: () => State.variables.metRylan }, { id: "Mariel", name: "Mariel", portrait: State.variables.currentMarielFace, description: "A powerful and legendary priestess.", unlockCondition: () => State.variables.metMariel }, { id: "Thalor", name: "Thalor", portrait: State.variables.currentThalorFace, description: "A respected and legendary Warrior.", unlockCondition: () => State.variables.metThalor }, { id: "Liora", name: "Liora", portrait: State.variables.currentLioraFace, description: "A young acolyte and healer.", unlockCondition: () => State.variables.metLiora }, { id: "Serin", name: "Serin", portrait: State.variables.currentSerinFace, description: "A mysterious rogue.", unlockCondition: () => State.variables.metSerin }, { id: "Seryk", name: "Seryk", portrait: State.variables.currentSerykFace, description: "A demon with unknown intentions.", unlockCondition: () => State.variables.metSeryk }, { id: "Nimeria", name: "Nimeria", portrait: "nimeria/face.webp", description: "A demoness with unknown intentions.", unlockCondition: () => State.variables.metNimeria }]; characters.forEach(char => { if (char.unlockCondition()) { jQuery(document.createDocumentFragment()).append( `<div class="diary-entry"> <div class="portrait-container"> <img src="images/${char.portrait}" alt="${char.id}"> <div class="character-name">${char.name}</div> <div class="character-description">${char.description}</div> </div> <a href="javascript:void(0);" onclick="SugarCube.Engine.play('Diary${char.id}');" class="view-diary-button">View Diary</a> </div>` ).appendTo('.diary-grid'); } else if (State.variables['met' + char.id]) { jQuery(document.createDocumentFragment()).append( `<div class="diary-entry locked"> <div class="portrait-container"> <div class="locked-overlay"><span>??</span></div> <img src="images/${char.portrait}" alt="${char.id}"> <div class="character-name">${char.id}</div> <div class="character-description">This diary entry is locked.</div> </div> </div>` ).appendTo('.diary-grid'); } else { jQuery(document.createDocumentFragment()).append( `<div class="diary-entry locked"> <div class="portrait-container"> <div class="locked-overlay"><span>??</span></div> <img src="images/unknown/unknown.webp" alt="Unknown"> <div class="character-name">❓❓❓</div> <div class="character-description">This diary entry is locked.</div> </div> </div>` ).appendTo('.diary-grid'); } }); });<</script>></div> </div> <div id="config-content" class="tab-content"> <div id="config-box"> <<include "ConfigMenu">> </div> </div> <div id="soul-content" class="tab-content"> <div class="soul-tab-container"> <div class="soul-tab-header"> <h2>🔮 Soul System Overview 🔮</h2> <p>View all characters' divine blessings and dark corruption</p> </div> <div class="soul-main-layout"> <div class="soul-quick-access"> <a href="javascript:void(0);" onclick="SugarCube.Engine.play('SoulOverview');" class="soul-overview-button"> <div class="soul-button-content"> <div class="soul-button-icon">🔮✨</div> <div class="soul-button-text"> <div class="soul-button-title">View Full Soul Overview</div> <div class="soul-button-desc">Detailed view of all soul effects and bonuses</div> </div> </div> </a> </div> <div class="soul-quick-stats"> <h3>Quick Soul Status</h3> <div class="quick-stats-grid"> <div class="quick-stat-card"> <div class="stat-character"><<print $humanName || "Rylan">></div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $rylan_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $rylan_soulCorruption || 0>></span> </div> </div> <div class="quick-stat-card"> <div class="stat-character">Liora</div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $liora_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $liora_soulCorruption || 0>></span> </div> </div> <div class="quick-stat-card"> <div class="stat-character">Serin</div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $serin_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $serin_soulCorruption || 0>></span> </div> </div> <div class="quick-stat-card"> <div class="stat-character"><<print $demonName || "Seryk">></div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $seryk_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $seryk_soulCorruption || 0>></span> </div> </div> <div class="quick-stat-card"> <div class="stat-character">Nimeria</div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $nimeria_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $nimeria_soulCorruption || 0>></span> </div> </div> <div class="quick-stat-card"> <div class="stat-character">Mariel</div> <div class="stat-values"> <span class="blessing-quick">✨ <<print $mariel_soulBlessing || 0>></span> <span class="corruption-quick">🌑 <<print $mariel_soulCorruption || 0>></span> </div> </div> </div> </div> </div> </div> </div> <div class="diary-return"> <<link "← Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <style> .diary-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 20px; } .diary-entry { background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 15px; text-align: center; transition: transform 0.3s ease; position: relative; border: 1px solid rgba(255, 255, 255, 0.1); } .diary-entry:hover { transform: translateY(-5px); } .portrait-container { position: relative; width: 150px; height: 150px; margin: 0 auto 15px; border-radius: 8px; overflow: hidden; } .portrait-container img { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .character-name { font-size: 1.2em; font-weight: bold; margin: 10px 0; color: #fff; } .character-description { font-size: 0.9em; color: rgba(255, 255, 255, 0.8); margin-bottom: 15px; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; transition: opacity 0.3s ease; } .portrait-container:hover .character-description { opacity: 1; } .portrait-container:hover img { filter: brightness(0.7); } .view-diary-button { display: inline-block; padding: 8px 20px; background: linear-gradient(to right, rgba(139, 69, 19, 0.6), rgba(139, 69, 19, 0.4)); color: #fff; text-decoration: none; border-radius: 5px; transition: all 0.3s ease; border: 1px solid rgba(139, 69, 19, 0.8); } .view-diary-button:hover { background: linear-gradient(to right, rgba(139, 69, 19, 0.8), rgba(139, 69, 19, 0.6)); transform: translateY(-2px); } .diary-entry.locked { opacity: 0.7; filter: grayscale(100%); } .locked-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; font-size: 2em; } .diary-return { text-align: center; margin-top: 20px; } /* New tab styles */ .menu-tabs { display: flex; gap: 1rem; margin-bottom: 2rem; border-bottom: 2px solid rgba(139, 69, 19, 0.4); padding-bottom: 0.5rem; } .tab { padding: 0.5rem 1rem; cursor: pointer; border-radius: 5px 5px 0 0; background: rgba(139, 69, 19, 0.2); transition: all 0.3s ease; font-size: 1.2em; } .tab:hover { background: rgba(139, 69, 19, 0.4); } .tab.active { background: rgba(139, 69, 19, 0.6); color: white; } .tab-content { display: none; } .tab-content.active { display: block; } /* Audio control styles */ .audio-controls { background: rgba(0, 0, 0, 0.2); padding: 1em; border-radius: 8px; margin: 1em 0; display: flex; flex-direction: column; gap: 1em; } .audio-control { display: flex; flex-direction: column; gap: 0.5em; } .control-header { display: flex; justify-content: space-between; align-items: center; } .volume-control { display: flex; align-items: center; gap: 1em; } .volume-slider { flex: 1; } .audio-toggle { background: #ff4081; color: white; border: none; padding: 0.5em; border-radius: 4px; cursor: pointer; transition: background 0.3s; width: 40px; } .audio-toggle:hover { background: #f50057; } .volume-value { min-width: 4em; text-align: right; } /* Soul System Tab Styles */ .soul-tab-container { padding: 20px; } .soul-tab-header { text-align: center; margin-bottom: 30px; } .soul-tab-header h2 { font-size: 2em; margin: 0 0 10px 0; background: linear-gradient(45deg, #ffd700, #ff6b6b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); } .soul-tab-header p { font-size: 1.1em; opacity: 0.8; margin: 0; } .soul-main-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; align-items: start; } .soul-quick-access { display: flex; flex-direction: column; gap: 20px; } .soul-overview-button, .soul-test-button, .soul-guide-button { display: block; text-decoration: none; background: rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 20px; transition: all 0.3s ease; border: 2px solid transparent; position: relative; overflow: hidden; } .soul-overview-button { border-left: 4px solid #ffd700; } .soul-test-button { border-left: 4px solid #4a9eff; } .soul-guide-button { border-left: 4px solid #ff6b6b; } .soul-overview-button:hover, .soul-test-button:hover, .soul-guide-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.08); } .soul-button-content { display: flex; align-items: center; gap: 15px; } .soul-button-icon { font-size: 2em; min-width: 60px; text-align: center; } .soul-button-text { flex-grow: 1; } .soul-button-title { font-size: 1.2em; font-weight: bold; color: #fff; margin-bottom: 5px; } .soul-button-desc { font-size: 0.9em; opacity: 0.7; color: #ccc; } .soul-quick-stats { background: rgba(0, 0, 0, 0.2); border-radius: 12px; padding: 25px; border: 1px solid rgba(255, 255, 255, 0.1); } .soul-quick-stats h3 { text-align: center; margin: 0 0 20px 0; font-size: 1.4em; color: #4a9eff; text-shadow: 0 0 10px rgba(74, 158, 255, 0.3); } .quick-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .quick-stat-card { background: rgba(255, 255, 255, 0.03); border-radius: 8px; padding: 15px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.3s ease; } .quick-stat-card:hover { background: rgba(255, 255, 255, 0.06); transform: translateY(-2px); } .stat-character { font-size: 1.1em; font-weight: bold; color: #fff; margin-bottom: 10px; } .stat-values { display: flex; justify-content: center; gap: 15px; } .blessing-quick, .corruption-quick { padding: 5px 10px; border-radius: 12px; font-size: 0.9em; font-weight: bold; } .blessing-quick { background: linear-gradient(45deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.1)); border: 1px solid rgba(255, 215, 0, 0.3); color: #ffd700; text-shadow: 0 0 8px rgba(255, 215, 0, 0.4); } .corruption-quick { background: linear-gradient(45deg, rgba(139, 0, 0, 0.2), rgba(139, 0, 0, 0.1)); border: 1px solid rgba(139, 0, 0, 0.3); color: #ff6b6b; text-shadow: 0 0 8px rgba(255, 107, 107, 0.4); } @media (max-width: 768px) { .soul-main-layout { grid-template-columns: 1fr; gap: 20px; } .quick-stats-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .soul-button-content { flex-direction: column; text-align: center; gap: 10px; } } </style> <<script>> $(document).ready(function() { // Tab switching logic $('.tab').on('click', function() { const tabId = $(this).data('tab'); // Update tab states $('.tab').removeClass('active'); $(this).addClass('active'); // Update content visibility $('.tab-content').removeClass('active'); $(`#${tabId}-content`).addClass('active'); }); // Load saved audio settings first let savedAudio = null; if (localStorage.getItem('audioSettings')) { savedAudio = JSON.parse(localStorage.getItem('audioSettings')); } // Initialize audio system with saved values or defaults if (!window.AudioSystem) { window.AudioSystem = { bgm: { volume: savedAudio?.bgm?.volume ?? 0.3, muted: savedAudio?.bgm?.muted ?? false }, sfx: { volume: savedAudio?.sfx?.volume ?? 0.5, muted: savedAudio?.sfx?.muted ?? false }, voice: { volume: savedAudio?.voice?.volume ?? 0.7, muted: savedAudio?.voice?.muted ?? false }, setVolume: function(type, volume) { this[type].volume = volume; }, toggleMute: function(type) { this[type].muted = !this[type].muted; } }; } // Load all saved settings if (localStorage.getItem('gameSettings')) { const savedSettings = JSON.parse(localStorage.getItem('gameSettings')); // Restore text settings if (savedSettings.text) { if (savedSettings.text.fontSize) { document.documentElement.style.setProperty('--base-font-size', savedSettings.text.fontSize + 'px'); $('#current-font-size').text(savedSettings.text.fontSize + 'px'); } if (savedSettings.text.passageWidth) { $('#passages').css('width', savedSettings.text.passageWidth + '%'); $('#passage-width').val(savedSettings.text.passageWidth); $('#current-width').text(savedSettings.text.passageWidth + '%'); State.variables.passageWidth = savedSettings.text.passageWidth; } } // Restore color settings if (savedSettings.colors) { const colorMappings = { rylanColor: ['--dialog-color-rylan', '#player-color'], marielColor: ['--dialog-color-mariel', '#mariel-color'], thalorColor: ['--dialog-color-thalor', '#thalor-color'], lioraColor: ['--dialog-color-liora', '#liora-color'], serinColor: ['--dialog-color-serin', '#serin-color'], serykColor: ['--dialog-color-seryk', '#demon-color'], NimeriaColor: ['--dialog-color-Nimeria', '#Nimeria-color'], femaleNpcColor: ['--dialog-color-female-npc', '#female-npc-color'], maleNpcColor: ['--dialog-color-male-npc', '#male-npc-color'] }; for (const [key, [cssVar, selector]] of Object.entries(colorMappings)) { if (savedSettings.colors[key]) { document.documentElement.style.setProperty(cssVar, savedSettings.colors[key]); $(selector).val(savedSettings.colors[key]); State.variables[key] = savedSettings.colors[key]; } } } } // Load audio settings if (localStorage.getItem('audioSettings')) { const savedAudio = JSON.parse(localStorage.getItem('audioSettings')); // Restore BGM settings if (savedAudio.bgm) { window.AudioSystem.bgm.volume = savedAudio.bgm.volume; window.AudioSystem.bgm.muted = savedAudio.bgm.muted; $('#bgm-volume').val(savedAudio.bgm.volume * 100); $('#toggle-bgm').text(savedAudio.bgm.muted ? '🔇' : '🔊'); } // Restore SFX settings if (savedAudio.sfx) { window.AudioSystem.sfx.volume = savedAudio.sfx.volume; window.AudioSystem.sfx.muted = savedAudio.sfx.muted; $('#sfx-volume').val(savedAudio.sfx.volume * 100); $('#toggle-sfx').text(savedAudio.sfx.muted ? '🔇' : '🔊'); } // Restore Voice settings if (savedAudio.voice) { window.AudioSystem.voice.volume = savedAudio.voice.volume; window.AudioSystem.voice.muted = savedAudio.voice.muted; $('#voice-volume').val(savedAudio.voice.volume * 100); $('#toggle-voice').text(savedAudio.voice.muted ? '🔇' : '🔊'); } // Update volume displays $('.volume-slider').each(function() { $(this).siblings('.volume-value').text($(this).val() + '%'); }); } // Save all settings function function saveAllSettings() { const settings = { characters: { //humanName: State.variables.humanName }, relationships: { marielToHuman: State.variables.marielToHuman, humanToMariel: State.variables.humanToMariel, humanIsMariel: State.variables.humanIsMariel, thalorToHuman: State.variables.thalorToHuman, humanToThalor: State.variables.humanToThalor, thalorCallsHuman: State.variables.thalorCallsHuman, bothToHuman: State.variables.bothToHuman, householdType: State.variables.householdType, serinRelation: State.variables.serinRelation }, text: { fontSize: parseInt(getComputedStyle(document.documentElement).getPropertyValue('--base-font-size')), passageWidth: State.variables.passageWidth }, colors: { rylanColor: State.variables.rylanColor, marielColor: State.variables.marielColor, thalorColor: State.variables.thalorColor, lioraColor: State.variables.lioraColor, serinColor: State.variables.serinColor, serykColor: State.variables.serykColor, NimeriaColor: State.variables.NimeriaColor, femaleNpcColor: State.variables.femaleNpcColor, maleNpcColor: State.variables.maleNpcColor } }; localStorage.setItem('gameSettings', JSON.stringify(settings)); // Save audio settings separately const audioSettings = { bgm: { volume: window.AudioSystem.bgm.volume, muted: window.AudioSystem.bgm.muted }, sfx: { volume: window.AudioSystem.sfx.volume, muted: window.AudioSystem.sfx.muted }, voice: { volume: window.AudioSystem.voice.volume, muted: window.AudioSystem.voice.muted } }; localStorage.setItem('audioSettings', JSON.stringify(audioSettings)); } // Add save triggers to all inputs $('input[type="text"]').on('change', function() { const name = $(this).attr('name'); if (name) { State.variables[name] = $(this).val(); // Update character name labels if needed if (name === 'humanName') { $('#player-color').closest('.color-picker-label').find('label').html($(this).val() + ':'); } } saveAllSettings(); }); // Font size control with save $('#increase-font, #decrease-font').on('click', function() { setTimeout(saveAllSettings, 100); // Wait for font size to update }); // Volume control handlers $('#bgm-volume').on('input', function() { const volume = $(this).val() / 100; window.AudioSystem.setVolume('bgm', volume); $(this).siblings('.volume-value').text($(this).val() + '%'); saveAllSettings(); }); $('#sfx-volume').on('input', function() { const volume = $(this).val() / 100; window.AudioSystem.setVolume('sfx', volume); $(this).siblings('.volume-value').text($(this).val() + '%'); saveAllSettings(); }); $('#voice-volume').on('input', function() { const volume = $(this).val() / 100; window.AudioSystem.setVolume('voice', volume); $(this).siblings('.volume-value').text($(this).val() + '%'); saveAllSettings(); }); // Mute toggle handlers $('#toggle-bgm').on('click', function() { window.AudioSystem.toggleMute('bgm'); $(this).text(window.AudioSystem.bgm.muted ? '🔇' : '🔊'); saveAllSettings(); }); $('#toggle-sfx').on('click', function() { window.AudioSystem.toggleMute('sfx'); $(this).text(window.AudioSystem.sfx.muted ? '🔇' : '🔊'); saveAllSettings(); }); $('#toggle-voice').on('click', function() { window.AudioSystem.toggleMute('voice'); $(this).text(window.AudioSystem.voice.muted ? '🔇' : '🔊'); saveAllSettings(); }); // Initialize mute button states $('#toggle-bgm').text(window.AudioSystem.bgm.muted ? '🔇' : '🔊'); $('#toggle-sfx').text(window.AudioSystem.sfx.muted ? '🔇' : '🔊'); $('#toggle-voice').text(window.AudioSystem.voice.muted ? '🔇' : '🔊'); }); <</script>>

<<nobr>> <h2>📖 Nimeria's Story</h2> <div class="diary-portrait-container"> <img @src="'images/Nimeria/' + ($nimeria_Lust >= 50 ? 'facewet.webp' : 'face.webp')" alt="Nimeria Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A mysterious and alluring demon who appears innocent but harbors dark secrets. Behind her sweet smile lies a cunning intelligence that few can match. Her true nature remains hidden beneath layers of carefully crafted charm and manipulation.</p> </div> </div> <h3 class="section-header">Body</h3> <div class="body-parts-grid"> <div class="body-part-top"> <div class="stat-tooltip"> Corruption: <<print setup.getStat("Nimeria", "basic", "corruption")>><br> Lust: <<print $nimeria_Lust>><br> Face Sensitivity: <<print setup.getStat("Nimeria", "sensitivity", "faceSensitivity")>>% </div> <img src="images/nimeria/face.webp" alt="Face"> </div> <div class="body-part-left"> <div class="stat-tooltip"> Ass Size: <<print setup.getStat("Nimeria", "body", "assSize")>><br> Ass Sensitivity: <<print setup.getStat("Nimeria", "sensitivity", "assSensitivity")>>%<br> Anal Experience: <<print setup.getStat("Nimeria", "experience", "analExperience")>> </div> <img src="images/nimeria/ass.webp" alt="Ass"> </div> <div class="body-part-center"> <div class="stat-tooltip"> Body Type: Demonic<br> Body Sensitivity: <<print setup.getStat("Nimeria", "sensitivity", "bodySensitivity")>>%<br> Sexual Experience: <<print setup.getStat("Nimeria", "experience", "sexualExperience")>> </div> <img src="images/nimeria/naked.webp" alt="Body"> </div> <div class="body-part-right"> <div class="stat-tooltip"> Breast Size: <<print setup.getStat("Nimeria", "body", "breastSize")>><br> Breast Sensitivity: <<print setup.getStat("Nimeria", "sensitivity", "breastSensitivity")>>%<br> Breast Experience: <<print setup.getStat("Nimeria", "experience", "breastExperience")>> </div> <img src="images/nimeria/breasts.webp" alt="Chest"> </div> <div class="body-part-bottom"> <div class="stat-tooltip"> Vagina Size: <<print setup.getStat("Nimeria", "body", "vaginaSize")>><br> Vagina Sensitivity: <<print setup.getStat("Nimeria", "sensitivity", "vaginaSensitivity")>>%<br> Vaginal Experience: <<print setup.getStat("Nimeria", "experience", "vaginalExperience")>> </div> <img src="images/nimeria/vagina.webp" alt="Vagina"> </div> </div> <h3 class="section-header">Wardrobe</h3> <div class="wardrobe-grid"> <div class="wardrobe-top"> <div class="wardrobe-label">Clothes</div> <img src="images/nimeria/clotheswhitedress.webp" alt="Clothes"> </div> <div class="wardrobe-left"> <div class="wardrobe-label">Underwear</div> <img @src="'images/Nimeria/' + ($Nimeria_Lust >= 50 ? 'pantieswetwhitedress.webp' : 'pantieswhitedress.webp')" alt="Panties"> </div> <div class="wardrobe-center"> <div class="wardrobe-label">Sleepwear</div> <img src="images/nimeria/sleepwear.webp" alt="Sleepwear"> </div> <div class="wardrobe-right"> <div class="wardrobe-label">Bra</div> <img @src="'images/Nimeria/' + ($Nimeria_Lust >= 50 ? 'brawetwhitedress.webp' : 'brawhitedress.webp')" alt="Bra"> </div> <div class="wardrobe-bottomleft"> <div class="wardrobe-label">Legwear</div> <img @src="'images/Nimeria/' + ($Nimeria_Lust >= 50 ? 'legwearwetwhitedress.webp' : 'legwearwhitedress.webp')" alt="Legwear"> </div> <div class="wardrobe-bottomright"> <div class="wardrobe-label">Shoes</div> <img src="images/nimeria/shoeswhitedress.webp" alt="Shoes"> </div> </div> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Nimeria: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Rylan", "Mariel", "Thalor", "Liora", "Serin", "Seryk"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const nimeriaLower = 'nimeria'; const affectionVar = `${nimeriaLower}_${characterName}Affection`; const attractionVar = `${nimeriaLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"> <h4>Basic Relationship</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">💗 Affection</span> <span class="stat-value">${affection.toFixed(1)}</span> </div> <div class="stat-item"> <span class="stat-name">💝 Attraction</span> <span class="stat-value">${attraction.toFixed(1)}</span> </div> </div> </div>`; const sexualStats = [ {name: 'Kiss Count', var: `${nimeriaLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${nimeriaLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${nimeriaLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${nimeriaLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${nimeriaLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${nimeriaLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${nimeriaLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${nimeriaLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${nimeriaLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${nimeriaLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${nimeriaLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${nimeriaLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${nimeriaLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${nimeriaLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${nimeriaLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${nimeriaLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${nimeriaLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${nimeriaLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${nimeriaLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${nimeriaLower}_${characterName}CumOnBodyMl`}, {name: 'Orgasms Given', var: `${nimeriaLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${nimeriaLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"> <span class="stat-name">${stat.name}</span> <span class="stat-value">${value}</span> </div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">No sexual encounters yet</span> <span class="stat-value">-</span> </div> </div> </div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>> <<widget "initializeTooltips">> <<script>> if (typeof State === 'undefined') { State = {}; } if (typeof State.variables === 'undefined') { State.variables = {}; } if (!State.variables.tooltipInitialized) { $(document.body).append('<div id="global-tooltip"></div>'); State.variables.tooltipInitialized = true; } $(document).ready(function() { $('.character-portrait').on('mouseenter', function(e) { const tooltip = $('#global-tooltip'); const content = $(this).closest('.character-card').find('.tooltip-content').html(); tooltip.html(content).show(); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); $('.character-portrait').on('mouseleave', function() { $('#global-tooltip').hide(); }); $(document).on('mousemove', function(e) { if ($('#global-tooltip').is(':visible')) { $('#global-tooltip').css({ left: e.pageX + 10, top: e.pageY + 10 }); } }); }); <</script>> <</widget>> <<initializeTooltips>> <<set _character = "Nimeria">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats">Click on a character portrait above to view relationship details.</div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $nimeriaFirstKiss>> <<print $nimeriaFirstKiss>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $nimeriaFirstVaginal>> <<print $nimeriaFirstVaginal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $nimeriaFirstAnal>> <<print $nimeriaFirstAnal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $nimeriaFirstBlowjob>> <<print $nimeriaFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $nimeriaFirstHandjob>> <<print $nimeriaFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $nimeriaFirstFootjob>> <<print $nimeriaFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $nimeriaFirstBoobjob>> <<print $nimeriaFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Gay-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue").toFixed(1)>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <style> .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .body-parts-grid { display: grid; grid-template-areas: ". top ." "left center right" ". bottom ."; gap: 10px; justify-content: center; align-items: center; } .body-part-top, .body-part-left, .body-part-center, .body-part-right, .body-part-bottom { position: relative; cursor: pointer; } .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .body-part-top { grid-area: top; } .body-part-left { grid-area: left; } .body-part-center { grid-area: center; } .body-part-right { grid-area: right; } .body-part-bottom { grid-area: bottom; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } .wardrobe-label { text-align: center; font-weight: bold; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .nav-button { background: rgba(255, 105, 180, 0.3); border: none; color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background 0.2s; } .nav-button:hover { background: rgba(255, 105, 180, 0.5); } .character-display { display: flex; gap: 20px; align-items: flex-start; } .character-portrait-large { width: 200px; height: 200px; border-radius: 100px; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); } .character-portrait-large img { width: 100%; height: 100%; object-fit: cover; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } </style>

<<nobr>> <h2>📖 <<print $humanName>>'s Story</h2> <div class="diary-portrait-container"> <img @src="'images/' + $currentRylanFace" alt="Rylan Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A young man with blonde hair and a lean build, born to legendary heroes. Despite his heritage, <<print $humanName>> struggles to live up to the towering legacy of his <<print $thalorToHuman>>. Currently training to pass the Adventure Exam, a rite of passage he failed once before. Lives with Mariel, his <<print $marielToHuman>>, who tends to pamper him - much to Thalor's disapproval.</p> </div> </div> <h3 style="margin: 0; color: #ff69b4;">Body</h3> <div class="body-parts-grid"> <div class="body-part-top"> <div class="stat-tooltip"> Corruption: <<print setup.getStat("Rylan", "basic", "corruption")>><br> Lust: <<print $rylan_Lust>><br> Face Sensitivity: <<print setup.getStat("Rylan", "sensitivity", "faceSensitivity")>>% </div> <img src="images/rylan/face.webp" alt="Face"> </div> <div class="body-part-left"> <div class="stat-tooltip"> Ass Size: <<print setup.getStat("Rylan", "body", "assSize")>><br> Ass Sensitivity: <<print setup.getStat("Rylan", "sensitivity", "assSensitivity")>>%<br> Anal Experience: <<print setup.getStat("Rylan", "experience", "analExperience")>> </div> <img src="images/rylan/ass.webp" alt="Ass"> </div> <div class="body-part-center"> <div class="stat-tooltip"> Masculinity: <<print setup.getStat("Rylan", "basic", "masculinity")>><br> Body Sensitivity: <<print setup.getStat("Rylan", "sensitivity", "bodySensitivity")>>%<br> Sexual Experience: <<print setup.getStat("Rylan", "experience", "sexualExperience")>> </div> <img src="images/rylan/naked.webp" alt="Body"> </div> <div class="body-part-right"> <div class="stat-tooltip"> Breast Size: <<print setup.getStat("Rylan", "body", "breastSize")>><br> Breast Sensitivity: <<print setup.getStat("Rylan", "sensitivity", "breastSensitivity")>>%<br> Breast Experience: <<print setup.getStat("Rylan", "experience", "breastExperience")>> </div> <img src="images/rylan/breasts.webp" alt="Chest"> </div> <div class="body-part-bottom"> <div class="stat-tooltip"> Penis Size: <<print setup.getStat("Rylan", "body", "penisSize") * 5>> cm<br> Penis Sensitivity: <<print setup.getStat("Rylan", "sensitivity", "penisSensitivity")>>%<br> Cum Amount: <<print setup.getStat("Rylan", "body", "cumAmount")>> ml<br> Sexual Experience: <<print setup.getStat("Rylan", "experience", "sexualExperience")>> </div> <img src="images/rylan/penis.webp" alt="Penis"> </div> </div> <h3 style="margin: 0; color: #ff69b4;">Wardrobe</h3> <div class="wardrobe-grid"> <div class="wardrobe-top"> <div class="wardrobe-label">Clothes</div> <img src="images/rylan/clothes.webp" alt="Clothes"> </div> <div class="wardrobe-left"> <div class="wardrobe-label">panties</div> <img @src="window.getTransformedImagePath('rylan', 'panties', ($rylan_Lust >= 50))" alt="panties"> </div> <div class="wardrobe-center"> <div class="wardrobe-label">Sleepwear</div> <img src="images/rylan/sleepwear.webp" alt="Sleepwear"> </div> <div class="wardrobe-right"> <div class="wardrobe-label">Bra</div> <img @src="'images/Rylan/' + ($rylan_Lust >= 50 ? 'brawet.webp' : 'bra.webp')" alt="Bra"> </div> <div class="wardrobe-bottomleft"> <div class="wardrobe-label">Legwear</div> <img @src="'images/Rylan/' + ($rylan_Lust >= 50 ? 'legwearwet.webp' : 'legwear.webp')" alt="Legwear"> </div> <div class="wardrobe-bottomright"> <div class="wardrobe-label">Shoes</div> <img src="images/rylan/shoes.webp" alt="Shoes"> </div> </div> <<set _character = "Rylan">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats"> Click on a character portrait above to view relationship details. </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $rylanFirstKiss>> <<print $rylanFirstKiss>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $rylanFirstVaginal>> <<print $rylanFirstVaginal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $rylanFirstAnal>> <<print $rylanFirstAnal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $rylanFirstBlowjob>> <<print $rylanFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $rylanFirstHandjob>> <<print $rylanFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $rylanFirstFootjob>> <<print $rylanFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $rylanFirstBoobjob>> <<print $rylanFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <<if _key === "penisSize">> <<set _value = _value * 5>> <</if>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Gay-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue").toFixed(1)>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <style> .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .wardrobe-label { text-align: center; font-weight: bold; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } </style> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Mariel", "Thalor", "Liora", "Serin", "Seryk", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const rylanLower = 'rylan'; const affectionVar = `${rylanLower}_${characterName}Affection`; const attractionVar = `${rylanLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"><h4>Basic Relationship</h4><div class="stat-grid">`; statsHtml += `<div class="stat-item"><span class="stat-name">💗 Affection</span><span class="stat-value">${affection.toFixed(1)}</span></div>`; statsHtml += `<div class="stat-item"><span class="stat-name">💝 Attraction</span><span class="stat-value">${attraction.toFixed(1)}</span></div>`; statsHtml += `</div></div>`; const sexualStats = [ {name: 'Kiss Count', var: `${rylanLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${rylanLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${rylanLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${rylanLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${rylanLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${rylanLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${rylanLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${rylanLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${rylanLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${rylanLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${rylanLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${rylanLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${rylanLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${rylanLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${rylanLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${rylanLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${rylanLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${rylanLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${rylanLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${rylanLower}_${characterName}CumOnBodyMl`}, {name: 'Cum On Others (ml)', var: `${rylanLower}_${characterName}CumOnOthersMl`}, {name: 'Orgasms Given', var: `${rylanLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${rylanLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"><h4>Sexual Experience</h4><div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"><span class="stat-name">${stat.name}</span><span class="stat-value">${value}</span></div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"><h4>Sexual Experience</h4><div class="stat-grid"><div class="stat-item"><span class="stat-name">No sexual encounters yet</span><span class="stat-value">-</span></div></div></div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>>

<<nobr>> <h2>📖 Serin's Story</h2> <div class="diary-portrait-container"> <img @src="'images/' + $currentSerinFace" alt="Serin Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A tomboyish and athletic young woman with a teasing personality. Despite her playful exterior, she harbors deep feelings for <<print $humanName>>. Her athletic build and confident demeanor make her popular among her peers, though she often uses teasing to mask her true emotions.</p> </div> </div> <h3 class="section-header">Body</h3> <div class="body-parts-grid"> <div class="body-part-top"> <div class="stat-tooltip"> Corruption: <<print setup.getStat("Serin", "basic", "corruption").toFixed(1)>><br> Lust: <<print ($serin_Lust || 0).toFixed(1)>><br> Face Sensitivity: <<print setup.getStat("Serin", "sensitivity", "faceSensitivity").toFixed(1)>>% </div> <img src="images/serin/face.webp" alt="Face"> </div> <div class="body-part-left"> <div class="stat-tooltip"> Ass Size: <<print setup.getStat("Serin", "body", "assSize")>><br> Ass Sensitivity: <<print setup.getStat("Serin", "sensitivity", "assSensitivity")>>%<br> Anal Experience: <<print setup.getStat("Serin", "experience", "analExperience")>> </div> <img src="images/serin/ass.webp" alt="Ass"> </div> <div class="body-part-center"> <div class="stat-tooltip"> Body Type: Athletic<br> Body Sensitivity: <<print setup.getStat("Serin", "sensitivity", "bodySensitivity")>>%<br> Sexual Experience: <<print setup.getStat("Serin", "experience", "sexualExperience")>> </div> <img src="images/serin/naked.webp" alt="Body"> </div> <div class="body-part-right"> <div class="stat-tooltip"> Breast Size: <<print setup.getStat("Serin", "body", "breastSize")>><br> Breast Sensitivity: <<print setup.getStat("Serin", "sensitivity", "breastSensitivity")>>%<br> Breast Experience: <<print setup.getStat("Serin", "experience", "breastExperience")>> </div> <img src="images/serin/breasts.webp" alt="Chest"> </div> <div class="body-part-bottom"> <div class="stat-tooltip"> Vagina Size: <<print setup.getStat("Serin", "body", "vaginaSize")>><br> Vagina Sensitivity: <<print setup.getStat("Serin", "sensitivity", "vaginaSensitivity")>>%<br> Vaginal Experience: <<print setup.getStat("Serin", "experience", "vaginalExperience")>> </div> <img src="images/serin/vagina.webp" alt="Vagina"> </div> </div> <h3 class="section-header">Wardrobe</h3> <div class="wardrobe-grid"> <div class="wardrobe-top"> <div class="wardrobe-label">Clothes</div> <img src="images/serin/clothes.webp" alt="Clothes"> </div> <div class="wardrobe-left"> <div class="wardrobe-label">Underwear</div> <img @src="'images/Serin/' + ($serin_Lust >= 50 ? 'pantieswet.webp' : 'panties.webp')" alt="Panties"> </div> <div class="wardrobe-center"> <div class="wardrobe-label">Sleepwear</div> <img src="images/serin/sleepwear.webp" alt="Sleepwear"> </div> <div class="wardrobe-right"> <div class="wardrobe-label">Bra</div> <img @src="'images/Serin/' + ($serin_Lust >= 50 ? 'brawet.webp' : 'bra.webp')" alt="Bra"> </div> <div class="wardrobe-bottomleft"> <div class="wardrobe-label">Legwear</div> <img @src="'images/Serin/' + ($serin_Lust >= 50 ? 'legwearwet.webp' : 'legwear.webp')" alt="Legwear"> </div> <div class="wardrobe-bottomright"> <div class="wardrobe-label">Shoes</div> <img src="images/serin/shoes.webp" alt="Shoes"> </div> </div> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Rylan", "Mariel", "Thalor", "Liora", "Seryk", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const serinLower = 'serin'; const affectionVar = `${serinLower}_${characterName}Affection`; const attractionVar = `${serinLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"> <h4>Basic Relationship</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">💗 Affection</span> <span class="stat-value">${affection.toFixed(1)}</span> </div> <div class="stat-item"> <span class="stat-name">💝 Attraction</span> <span class="stat-value">${attraction.toFixed(1)}</span> </div> </div> </div>`; const sexualStats = [ {name: 'Kiss Count', var: `${serinLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${serinLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${serinLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${serinLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${serinLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${serinLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${serinLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${serinLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${serinLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${serinLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${serinLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${serinLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${serinLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${serinLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${serinLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${serinLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${serinLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${serinLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${serinLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${serinLower}_${characterName}CumOnBodyMl`}, {name: 'Orgasms Given', var: `${serinLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${serinLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"> <span class="stat-name">${stat.name}</span> <span class="stat-value">${value}</span> </div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">No sexual encounters yet</span> <span class="stat-value">-</span> </div> </div> </div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>> <<widget "initializeTooltips">> <<script>> if (typeof State === 'undefined') { State = {}; } if (typeof State.variables === 'undefined') { State.variables = {}; } if (!State.variables.tooltipInitialized) { $(document.body).append('<div id="global-tooltip"></div>'); State.variables.tooltipInitialized = true; } $(document).ready(function() { $('.character-portrait').on('mouseenter', function(e) { const tooltip = $('#global-tooltip'); const content = $(this).closest('.character-card').find('.tooltip-content').html(); tooltip.html(content).show(); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); $('.character-portrait').on('mouseleave', function() { $('#global-tooltip').hide(); }); $(document).on('mousemove', function(e) { if ($('#global-tooltip').is(':visible')) { $('#global-tooltip').css({ left: e.pageX + 10, top: e.pageY + 10 }); } }); }); <</script>> <</widget>> <<initializeTooltips>> <<set _character = "Serin">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats">Click on a character portrait above to view relationship details.</div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $serinFirstKiss>> <<print $serinFirstKiss>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $serinFirstVaginal>> <<print $serinFirstVaginal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $serinFirstAnal>> <<print $serinFirstAnal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $serinFirstBlowjob>> <<print $serinFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $serinFirstHandjob>> <<print $serinFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $serinFirstFootjob>> <<print $serinFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $serinFirstBoobjob>> <<print $serinFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value.toFixed(1)>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Same-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue")>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <style> .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .body-parts-grid { display: grid; grid-template-areas: ". top ." "left center right" ". bottom ."; gap: 10px; justify-content: center; align-items: center; } .body-part-top, .body-part-left, .body-part-center, .body-part-right, .body-part-bottom { position: relative; cursor: pointer; } .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .body-part-top { grid-area: top; } .body-part-left { grid-area: left; } .body-part-center { grid-area: center; } .body-part-right { grid-area: right; } .body-part-bottom { grid-area: bottom; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } .wardrobe-label { text-align: center; font-weight: bold; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .nav-button { background: rgba(255, 105, 180, 0.3); border: none; color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background 0.2s; } .nav-button:hover { background: rgba(255, 105, 180, 0.5); } .character-display { display: flex; gap: 20px; align-items: flex-start; } .character-portrait-large { width: 200px; height: 200px; border-radius: 100px; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); } .character-portrait-large img { width: 100%; height: 100%; object-fit: cover; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } </style>

<<nobr>> <h2>📖 Seryk's Story</h2> <div class="diary-portrait-container"> <img @src="'images/' + $currentSerykFace" alt="Seryk Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A mysterious demon who has taken an interest in <<print $humanName>>. Despite his demonic nature, he maintains a noble and kind demeanor. His muscular physique and lack of magical ability set him apart from typical demons, hinting at an unusual origin.</p> </div> </div> <<set _character = "Seryk">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats">Click on a character portrait above to view relationship details.</div> </div> </div> </div> <style> .body-parts-grid { display: grid; grid-template-areas: ". top ." "left center right" ". bottom ."; gap: 10px; justify-content: center; align-items: center; } .body-part-top, .body-part-left, .body-part-center, .body-part-right, .body-part-bottom { position: relative; cursor: pointer; } .stat-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; border-radius: 5px; z-index: 100; white-space: nowrap; pointer-events: none; } .body-part-top:hover .stat-tooltip, .body-part-left:hover .stat-tooltip, .body-part-center:hover .stat-tooltip, .body-part-right:hover .stat-tooltip, .body-part-bottom:hover .stat-tooltip { display: block; } .body-part-top { grid-area: top; } .body-part-left { grid-area: left; } .body-part-center { grid-area: center; } .body-part-right { grid-area: right; } .body-part-bottom { grid-area: bottom; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } .wardrobe-label { text-align: center; font-weight: bold; margin-bottom: 5px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .relationship-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; padding: 20px; } .character-card { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 10px; text-align: center; } .character-name { font-size: 1.2em; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); } .character-portrait { width: 120px; height: 120px; margin: 0 auto; border-radius: 60px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } #global-tooltip { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .nav-button { background: rgba(255, 105, 180, 0.3); border: none; color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background 0.2s; } .nav-button:hover { background: rgba(255, 105, 180, 0.5); } .character-display { display: flex; gap: 20px; align-items: flex-start; } .character-portrait-large { width: 200px; height: 200px; border-radius: 100px; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); } .character-portrait-large img { width: 100%; height: 100%; object-fit: cover; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } </style> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $serykFirstKiss>> <<print $serykFirstKiss>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $serykFirstVaginal>> <<print $serykFirstVaginal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $serykFirstAnal>> <<print $serykFirstAnal>> <<else>> Virgin <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $serykFirstBlowjob>> <<print $serykFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $serykFirstHandjob>> <<print $serykFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $serykFirstFootjob>> <<print $serykFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $serykFirstBoobjob>> <<print $serykFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <<if _key === "penisSize">> <<set _value = _value * 5>> <</if>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Gay-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue").toFixed(1)>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; if (!State.variables.availableCharacters) { State.variables.availableCharacters = []; } const characterList = ["Rylan", "Mariel", "Thalor", "Liora", "Serin", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); if (State.variables.availableCharacters && State.variables.availableCharacters.length > 0) { State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const serykLower = 'seryk'; const affectionVar = `${serykLower}_${characterName}Affection`; const attractionVar = `${serykLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"> <h4>Basic Relationship</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">💗 Affection</span> <span class="stat-value">${affection.toFixed(1)}</span> </div> <div class="stat-item"> <span class="stat-name">💝 Attraction</span> <span class="stat-value">${attraction.toFixed(1)}</span> </div> </div> </div>`; const sexualStats = [ {name: 'Kiss Count', var: `${serykLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${serykLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${serykLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${serykLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${serykLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${serykLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${serykLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${serykLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${serykLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${serykLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${serykLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${serykLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${serykLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${serykLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${serykLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${serykLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${serykLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${serykLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${serykLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${serykLower}_${characterName}CumOnBodyMl`}, {name: 'Cum On Others (ml)', var: `${serykLower}_${characterName}CumOnOthersMl`}, {name: 'Orgasms Given', var: `${serykLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${serykLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"> <span class="stat-name">${stat.name}</span> <span class="stat-value">${value}</span> </div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"> <h4>Sexual Experience</h4> <div class="stat-grid"> <div class="stat-item"> <span class="stat-name">No sexual encounters yet</span> <span class="stat-value">-</span> </div> </div> </div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters && State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>> <</nobr>>

<<nobr>> <h2>📖 Thalor's Story</h2> <div class="diary-portrait-container"> <img @src="'images/' + $currentThalorFace" alt="Thalor Face" class="diary-portrait"> <div class="diary-portrait-description"> <p>A legendary hero and warrior, known for his role in defeating the demon king. Now serves as a stern mentor to <<print $humanName>>, his <<print $thalorToHuman>>. His high expectations and disappointment in <<print $humanName>>'s initial failure at the guild exam have strained their relationship.</p> </div> </div> <<set _character = "Thalor">> <div class="relationship-viewer"> <div class="relationship-header"> <h3 style="margin: 0; color: #ff69b4;">Relationships</h3> </div> <div class="character-portraits-row" id="character-portraits"></div> <div class="relationship-display"> <div class="selected-character-info"> <h4 id="selected-character-name">Select a character</h4> <div id="relationship-stats" class="relationship-stats"> Click on a character portrait above to view relationship details. </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">First Experiences</h3> <div class="first-experiences-grid"> <div class="experience-item"> <span class="exp-name">💋 First Kiss:</span> <span class="exp-value"> <<if $thalorFirstKiss>> <<print $thalorFirstKiss>> <<else>> Mariel <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Vaginal:</span> <span class="exp-value"> <<if $thalorFirstVaginal>> <<print $thalorFirstVaginal>> <<else>> Mariel <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍑 First Anal:</span> <span class="exp-value"> <<if $thalorFirstAnal>> <<print $thalorFirstAnal>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">👄 First Blowjob:</span> <span class="exp-value"> <<if $thalorFirstBlowjob>> <<print $thalorFirstBlowjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">✋ First Handjob:</span> <span class="exp-value"> <<if $thalorFirstHandjob>> <<print $thalorFirstHandjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🦶 First Footjob:</span> <span class="exp-value"> <<if $thalorFirstFootjob>> <<print $thalorFirstFootjob>> <<else>> None <</if>> </span> </div> <div class="experience-item"> <span class="exp-name">🍒 First Boobjob:</span> <span class="exp-value"> <<if $thalorFirstBoobjob>> <<print $thalorFirstBoobjob>> <<else>> None <</if>> </span> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Basic Stats</h3> <table class="stats-table"> <tr> <th>Stat</th> <th>Value</th> <th>Description</th> </tr> <<for _key, _stat range setup.statCategories.basic.stats>> <<set _value = setup.getStat(_character, "basic", _key)>> <<if _key === "penisSize">> <<set _value = _value * 5>> <</if>> <tr> <td class="stat-name"><<print _stat.name>></td> <td class="stat-value"><<print _value>></td> <td class="stat-desc"><<print _stat.description || "">></td> </tr> <</for>> </table> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Fetishes</h3> <div class="fetish-grid"> <div class="fetish-category"> <h4>Physical</h4> <div class="fetish-item"> <span class="fetish-name">Scent Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SmellFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Muscle Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "MuscleFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Thigh Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ThighFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Body Parts</h4> <div class="fetish-item"> <span class="fetish-name">Feet Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "FeetFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Armpit Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ArmpitFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Breast Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BreastFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Ass Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "AssFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Penis Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "PenisFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Vagina Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VaginaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Fluids</h4> <div class="fetish-item"> <span class="fetish-name">Cum Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CumAddiction").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Sweat Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SweatFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Saliva Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SalivaFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Behavioral</h4> <div class="fetish-item"> <span class="fetish-name">Submission</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "SubmissionFetish")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Dominance</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "DominanceFetish")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Exhibitionism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "ExhibitionismFetish")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Voyeurism</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "VoyeurismFetish")>></span> </div> </div> <div class="fetish-category"> <h4>Kinks</h4> <div class="fetish-item"> <span class="fetish-name">Bondage Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "BondageFetish").toFixed(1)>></span> </div> <div class="fetish-item"> <span class="fetish-name">Cross-Dressing</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "CrossdressingFetish").toFixed(1)>></span> </div> </div> <div class="fetish-category"> <h4>Orientation</h4> <div class="fetish-item"> <span class="fetish-name">Gay-Sex Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "GayValue")>></span> </div> <div class="fetish-item"> <span class="fetish-name">Lesbian Interest</span> <span class="stat-value"><<print setup.getStat(_character, "fetishes", "LesbianValue")>></span> </div> </div> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sexual Experience</h3> <div class="sexual-experience-grid"> <<for _subcatKey, _subcat range setup.statCategories.experience.subcategories>> <div class="experience-category"> <h4><<print _subcat.name>></h4> <<for _key, _stat range _subcat.stats>> <<set _value = setup.getStat(_character, "experience", _key)>> <div class="exp-row"> <span class="exp-label"><<print _stat.name>>:</span> <span class="exp-value"> <<if _key.toLowerCase().includes("amount")>> <<print _value>> ml <<else>> <<print _value>> <<if _key.toLowerCase().includes("count") && _value == 0>> (Virgin) <<elseif _key.toLowerCase().includes("count")>> (Experienced) <</if>> <</if>> </span> </div> <</for>> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Sensitivity</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.sensitivity.stats>> <<set _value = setup.getStat(_character, "sensitivity", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>>%</div> </div> <</for>> </div> </div> <div class="stats-section"> <h3 style="margin: 0; color: #ff69b4;">Mind Control</h3> <div class="stat-grid"> <<for _key, _stat range setup.statCategories.mindControl.stats>> <<set _value = setup.getStat(_character, "mindControl", _key)>> <div class="stat-item"> <div class="stat-name"><<print _stat.name>></div> <div class="stat-value"><<print _value>></div> </div> <</for>> </div> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <style> .relationship-viewer { background: rgba(0, 0, 0, 0.3); border-radius: 15px; padding: 20px; margin: 20px 0; position: relative; } .relationship-header { text-align: center; margin-bottom: 20px; } .character-portraits-row { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } .character-portrait-small { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); cursor: pointer; transition: all 0.3s ease; position: relative; } .character-portrait-small:hover { border-color: rgba(255, 105, 180, 0.8); transform: scale(1.1); } .character-portrait-small.selected { border-color: #ff69b4; box-shadow: 0 0 15px rgba(255, 105, 180, 0.6); } .character-portrait-small img { width: 100%; height: 100%; object-fit: cover; } .character-portrait-small .character-name-label { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 0.8em; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); white-space: nowrap; } .relationship-display { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; min-height: 200px; } .selected-character-info h4 { color: #ff69b4; margin: 0 0 15px 0; text-align: center; } .nav-button { background: rgba(255, 105, 180, 0.3); border: none; color: white; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background 0.2s; } .nav-button:hover { background: rgba(255, 105, 180, 0.5); } .character-display { display: flex; gap: 20px; align-items: flex-start; } .character-portrait-large { width: 200px; height: 200px; border-radius: 100px; overflow: hidden; border: 3px solid rgba(255, 105, 180, 0.3); } .character-portrait-large img { width: 100%; height: 100%; object-fit: cover; } .relationship-stats { flex: 1; } .stat-category { margin-bottom: 15px; } .stat-category h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .stat-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 5px 10px; border-radius: 5px; } .stat-name { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .first-experiences-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .experience-item { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.2); padding: 8px 12px; border-radius: 5px; } .exp-name { color: #ff69b4; font-weight: bold; } .exp-value { color: #fff; } .relationship-subcategory { margin-bottom: 15px; } .relationship-subcategory h4 { color: #ff69b4; margin: 0 0 8px 0; border-bottom: 1px solid rgba(255,105,180,0.3); padding-bottom: 4px; } .stat-row { display: flex; justify-content: space-between; margin: 4px 0; font-size: 0.9em; } .stat-label { color: #ccc; } .stat-value { color: #fff; font-weight: bold; } .diary-portrait-container { position: relative; width: 300px; height: 300px; margin: 20px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .diary-portrait-container:hover { transform: scale(1.02); } .diary-portrait { width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease; } .diary-portrait-container:hover .diary-portrait { filter: brightness(0.7); } .diary-portrait-description { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; padding: 20px; opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.1em; line-height: 1.4; } .diary-portrait-container:hover .diary-portrait-description { opacity: 1; } </style> <<script>> if (!State.variables.characters) { State.variables.characters = { Rylan: true, Mariel: true, Thalor: true, Liora: true, Serin: true, Seryk: true, Nimeria: true }; } State.variables.selectedCharacter = null; State.variables.availableCharacters = []; const characterList = ["Rylan", "Mariel", "Liora", "Serin", "Seryk", "Nimeria"]; State.variables.availableCharacters = [...new Set(characterList.filter(c => State.variables['met' + c]))]; function createCharacterPortraits() { const portraitsContainer = $('#character-portraits'); portraitsContainer.empty(); State.variables.availableCharacters.forEach(char => { const portraitHtml = ` <div class="character-portrait-small" data-character="${char}"> <img src="images/${char}/face.webp" alt="${char}"> <div class="character-name-label">${char}</div> </div> `; portraitsContainer.append(portraitHtml); }); } function selectCharacter(characterName) { State.variables.selectedCharacter = characterName; $('.character-portrait-small').removeClass('selected'); $(`.character-portrait-small[data-character="${characterName}"]`).addClass('selected'); $('#selected-character-name').text(`Relationship with ${characterName}`); let statsHtml = ''; const charLower = characterName.toLowerCase(); const thalorLower = 'thalor'; const affectionVar = `${thalorLower}_${characterName}Affection`; const attractionVar = `${thalorLower}_${characterName}Attraction`; const affection = State.variables[affectionVar] || 0; const attraction = State.variables[attractionVar] || 0; statsHtml += `<div class="stat-category"><h4>Basic Relationship</h4><div class="stat-grid">`; statsHtml += `<div class="stat-item"><span class="stat-name">💗 Affection</span><span class="stat-value">${affection.toFixed(1)}</span></div>`; statsHtml += `<div class="stat-item"><span class="stat-name">💝 Attraction</span><span class="stat-value">${attraction.toFixed(1)}</span></div>`; statsHtml += `</div></div>`; const sexualStats = [ {name: 'Kiss Count', var: `${thalorLower}_${characterName}KissCount`}, {name: 'Vaginal Count', var: `${thalorLower}_${characterName}VaginalCount`}, {name: 'Anal Count', var: `${thalorLower}_${characterName}AnalCount`}, {name: 'Anal Taken', var: `${thalorLower}_${characterName}AnalTakenCount`}, {name: 'Handjob Given', var: `${thalorLower}_${characterName}HandjobCount`}, {name: 'Handjob Taken', var: `${thalorLower}_${characterName}HandjobTakenCount`}, {name: 'Blowjob Given', var: `${thalorLower}_${characterName}BlowjobCount`}, {name: 'Blowjob Taken', var: `${thalorLower}_${characterName}BlowjobTakenCount`}, {name: 'Footjob Given', var: `${thalorLower}_${characterName}FootjobCount`}, {name: 'Footjob Taken', var: `${thalorLower}_${characterName}FootjobTakenCount`}, {name: 'Boobjob Given', var: `${thalorLower}_${characterName}BoobJobCount`}, {name: 'Boobjob Taken', var: `${thalorLower}_${characterName}BoobJobTakenCount`}, {name: 'Breasts Touched', var: `${thalorLower}_${characterName}BreastsTouchedCount`}, {name: 'Breasts Touched By', var: `${thalorLower}_${characterName}BreastsTouchedByCount`}, {name: 'Ass Touched', var: `${thalorLower}_${characterName}AssTouchedCount`}, {name: 'Ass Touched By', var: `${thalorLower}_${characterName}AssTouchedByCount`}, {name: 'Cum Inside Count', var: `${thalorLower}_${characterName}CumInsideCount`}, {name: 'Cum Inside (ml)', var: `${thalorLower}_${characterName}CumInsideMl`}, {name: 'Cum Swallowed (ml)', var: `${thalorLower}_${characterName}CumSwallowedMl`}, {name: 'Cum On Body (ml)', var: `${thalorLower}_${characterName}CumOnBodyMl`}, {name: 'Orgasms Given', var: `${thalorLower}_${characterName}OrgasmsGiven`}, {name: 'Orgasms Received', var: `${thalorLower}_${characterName}OrgasmsReceived`} ]; const activeSexualStats = sexualStats.filter(stat => (State.variables[stat.var] || 0) > 0); if (activeSexualStats.length > 0) { statsHtml += `<div class="stat-category"><h4>Sexual Experience</h4><div class="stat-grid">`; activeSexualStats.forEach(stat => { const value = State.variables[stat.var] || 0; statsHtml += `<div class="stat-item"><span class="stat-name">${stat.name}</span><span class="stat-value">${value}</span></div>`; }); statsHtml += `</div></div>`; } else { statsHtml += `<div class="stat-category"><h4>Sexual Experience</h4><div class="stat-grid"><div class="stat-item"><span class="stat-name">No sexual encounters yet</span><span class="stat-value">-</span></div></div></div>`; } $('#relationship-stats').html(statsHtml); } $(document).on('click', '.character-portrait-small', function() { const characterName = $(this).data('character'); selectCharacter(characterName); }); $(document).ready(() => { createCharacterPortraits(); if (State.variables.availableCharacters.length > 0) { selectCharacter(State.variables.availableCharacters[0]); } else { $('#relationship-stats').html('<div class="stat-category"><h4>No relationships available yet</h4></div>'); } }); <</script>>

<<nobr>> <h2>✨ Special Values</h2> <div class="special-values-tabs"> <div class="tab active" data-tab="rylan"> <img src="images/rylan/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> $humanName </div> <div class="tab" data-tab="mariel"> <img src="images/mariel/stage2/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> $humanToMariel </div> <div class="tab" data-tab="serin"> <img src="images/serin/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> Serin </div> <div class="tab" data-tab="liora"> <img src="images/liora/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> Liora </div> <div class="tab" data-tab="seryk"> <img src="images/seryk/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> Seryk </div> <div class="tab" data-tab="nimeria"> <img src="images/nimeria/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> Nimeria </div> <div class="tab" data-tab="thalor"> <img src="images/thalor/face.webp" style="width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; border: 2px solid rgba(255,255,255,0.3);"> $humanToThalor </div> <div class="tab" data-tab="others"> <span style="font-size: 1.2em; margin-right: 8px;">✨</span> Others </div> </div> <div id="rylan-content" class="tab-content active"> <h3>Rylan's Special Values</h3> <div class="stats-section"> <div style="background: linear-gradient(135deg, rgba(75, 0, 130, 0.3), rgba(138, 43, 226, 0.2), rgba(75, 0, 130, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(138, 43, 226, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #8A2BE2, #9370DB, #8A2BE2);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(138, 43, 226, 0.1), rgba(75, 0, 130, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(138, 43, 226, 0.8), rgba(75, 0, 130, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(138, 43, 226, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">👑</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Harem Mindset</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if not $humanNameHaremMindset || $humanNameHaremMindset === 0>> <span style="color: #FF6B6B;">A harem is completely out of the question - such relationships are morally wrong and go against everything I believe in.</span> <<elseif $humanNameHaremMindset === 1>> <span style="color: #FF8E53;">A harem would be wrong, right? I should focus on one person and be faithful to them alone.</span> <<elseif $humanNameHaremMindset === 2>> <span style="color: #FFB347;">Maybe I'm being too rigid about relationships. Some people might find happiness in different arrangements.</span> <<elseif $humanNameHaremMindset === 3>> <span style="color: #FFD700;">I'm starting to question if traditional monogamy is the only valid form of love. There's something intriguing about deeper connections.</span> <<elseif $humanNameHaremMindset === 4>> <span style="color: #D4AF37;">The idea of multiple meaningful relationships isn't as repulsive as it once seemed. Love might be more complex than I thought.</span> <<elseif $humanNameHaremMindset === 5>> <span style="color: #B8C5D6;">I'm genuinely conflicted. Part of me still believes in monogamy, but another part wonders if I could find fulfillment with multiple partners.</span> <<elseif $humanNameHaremMindset === 6>> <span style="color: #98FB98;">The concept of a harem is becoming more appealing. Maybe love doesn't have to be limited to just one person.</span> <<elseif $humanNameHaremMindset === 7>> <span style="color: #90EE90;">I'm starting to embrace the idea. Multiple relationships could offer different types of love and fulfillment.</span> <<elseif $humanNameHaremMindset === 8>> <span style="color: #32CD32;">A harem makes perfect sense to me now. Why limit myself when I could share love with multiple amazing people?</span> <<elseif $humanNameHaremMindset === 9>> <span style="color: #228B22;">I'm fully committed to this lifestyle. A harem represents the ultimate form of love and companionship.</span> <<elseif $humanNameHaremMindset >= 10>> <span style="color: #00FF00; font-weight: bold; text-shadow: 0 0 10px rgba(0,255,0,0.5);">I AM A HAREM MASTER! This is my destiny, my purpose, my ultimate calling in life!</span> <</if>> </div> </div> </div> <div style="background: linear-gradient(90deg, rgba(75, 0, 130, 0.3), rgba(138, 43, 226, 0.4), rgba(75, 0, 130, 0.3)); height: 8px; border-radius: 4px; overflow: hidden; position: relative;"> <div style="background: linear-gradient(90deg, #8A2BE2, #9370DB, #8A2BE2); height: 100%; width: <<if $humanNameHaremMindset && $humanNameHaremMindset > 0>><<min $humanNameHaremMindset 10>>0<</min>0<</if>>%; border-radius: 4px; transition: width 0.5s ease; box-shadow: 0 0 10px rgba(138, 43, 226, 0.6);"></div> </div> <div style="text-align: center; margin-top: 10px;"> <span style="color: #B8C5D6; font-size: 0.8em; font-style: italic;">Level <<if $humanNameHaremMindset && $humanNameHaremMindset > 0>>$humanNameHaremMindset<</if>></span> </div> </div> </div> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(255, 105, 180, 0.3), rgba(255, 20, 147, 0.2), rgba(255, 105, 180, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(255, 105, 180, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #FF69B4, #FF1493, #FF69B4);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 105, 180, 0.1), rgba(255, 20, 147, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.8), rgba(255, 20, 147, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $rylanFirstKiss>> <span style="color: #FF69B4; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $rylanFirstKiss</span><br> <</if>> <<if $rylanFirstVaginal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $rylanFirstVaginal</span><br> <</if>> <<if $rylanFirstAnal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $rylanFirstAnal</span><br> <</if>> <<if $rylanFirstBlowjob>> <span style="color: #FF69B4; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $rylanFirstBlowjob</span><br> <</if>> <<if $rylanFirstHandjob>> <span style="color: #FF69B4; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $rylanFirstHandjob</span><br> <</if>> <<if $rylanFirstFootjob>> <span style="color: #FF69B4; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $rylanFirstFootjob</span><br> <</if>> <<if $rylanFirstBoobjob>> <span style="color: #FF69B4; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $rylanFirstBoobjob</span><br> <</if>> <<if not $rylanFirstKiss && not $rylanFirstVaginal && not $rylanFirstAnal && not $rylanFirstBlowjob && not $rylanFirstHandjob && not $rylanFirstFootjob && not $rylanFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <<if $rylan_wearingPanties>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.6), rgba(255, 20, 147, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">👙</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Female Underwear</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">I started wearing female panties. I was reluctant, but they feel good somehow.<<if $rylan_wearingSocks>> And now I'm wearing female socks too.<<changeFetish "Rylan" "CrossdressingFetish" 0.1>><</if>></span> </div> </div> </div> </div> <</if>> <<if $RylanSoraAttrraction && $RylanSoraAttrraction >= 1>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 20, 147, 0.6), rgba(199, 21, 133, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 20, 147, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚧</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Confusion About Sora</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <<if $RylanSoraAttrraction === 1>> <span style="color: #FF69B4;">Sora looks so feminine but they're actually male. I'm confused about how I feel.</span> <<elseif $RylanSoraAttrraction === 2>> <span style="color: #FF69B4;">I keep thinking about Sora's delicate features and how beautiful they are.</span> <<elseif $RylanSoraAttrraction === 3>> <span style="color: #FF69B4;">Sora's feminine beauty combined with masculine parts is strangely attractive.</span> <<elseif $RylanSoraAttrraction === 4>> <span style="color: #FF69B4;">I'm starting to accept that I find Sora beautiful despite the confusion.</span> <<elseif $RylanSoraAttrraction === 5>> <span style="color: #FF69B4;">I'm definitely attracted to Sora's unique beauty and confident presence.</span> <<elseif $RylanSoraAttrraction === 6>> <span style="color: #FF69B4;">I'm really into Sora. Their looks and personality are intoxicating.</span> <<elseif $RylanSoraAttrraction === 7>> <span style="color: #FF69B4;">I'm deeply attracted to Sora. Their beauty is captivating.</span> <<elseif $RylanSoraAttrraction === 8>> <span style="color: #FF69B4;">I'm falling for Sora. Everything about them draws me in.</span> <<elseif $RylanSoraAttrraction === 9>> <span style="color: #FF69B4;">I'm completely enamored with Sora's beauty and presence.</span> <<elseif $RylanSoraAttrraction >= 10>> <span style="color: #FF1493; font-weight: bold;">I'm obsessed with Sora. They're perfect and I can't stop thinking about them.</span> <</if>> </div> </div> </div> </div> <</if>> </div> <div id="liora-content" class="tab-content"> <h3>Liora's Special Values</h3> <<if $serykxliorantr>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(0, 191, 255, 0.6), rgba(30, 144, 255, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 191, 255, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🌊</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Liora's NTR</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #00BFFF;">I've noticed Liora acting differently around Seryk. There's something between them that makes me feel... conflicted.</span> <<if $lioraSalivaAddiction && $lioraSalivaAddiction > 0>> <br><br> <span style="color: #FF69B4; font-weight: bold;">Saliva Addiction (Level $lioraSalivaAddiction):</span> <<if $lioraSalivaAddiction === 3>> <span style="color: #B8C5D6;">Liora has started to crave Seryk's saliva. She's hesitant but will accept it when desperate for mana restoration.</span> <<elseif $lioraSalivaAddiction === 4>> <span style="color: #B8C5D6;">Liora has developed a moderate dependency on Seryk's saliva. She accepts it willingly when needed, though still feels some shame.</span> <<elseif $lioraSalivaAddiction === 5>> <span style="color: #B8C5D6;">Liora has become heavily dependent on Seryk's saliva. She now accepts it willingly when needed, showing no resistance to this intimate method.</span> <<elseif $lioraSalivaAddiction >= 6>> <span style="color: #B8C5D6;">Liora is completely addicted to Seryk's saliva. She actively seeks it out and derives intense pleasure from consuming it.</span> <</if>> <</if>> <<if $lioraSweatAddiction && $lioraSweatAddiction > 0>> <br><br> <span style="color: #FF8C00; font-weight: bold;">Sweat Addiction (Level $lioraSweatAddiction):</span> <<if $lioraSweatAddiction === 1>> <span style="color: #B8C5D6;">Liora has developed a basic craving for Seryk's sweat. While she only accepts it in desperate situations, her body is beginning to recognize it as a potent source of mana.</span> <<elseif $lioraSweatAddiction === 2>> <span style="color: #B8C5D6;">Liora now actively seeks Seryk's sweat for mana restoration. She's less embarrassed about asking and finds the taste increasingly pleasurable.</span> <<elseif $lioraSweatAddiction === 3>> <span style="color: #B8C5D6;">Liora is heavily addicted to Seryk's sweat. She craves it regularly and derives intense satisfaction from consuming it, both for mana and pleasure.</span> <<elseif $lioraSweatAddiction >= 4>> <span style="color: #B8C5D6;">Liora is completely obsessed with Seryk's sweat. She can't function without it and actively seeks opportunities to consume it.</span> <</if>> <</if>> <<if $serykLioraNTRProgressionLevel && $serykLioraNTRProgressionLevel > 0>> <br><br> <span style="color: #4682B4; font-weight: bold;">NTR Progression (Level $serykLioraNTRProgressionLevel):</span> <<if $serykLioraNTRProgressionLevel === 1>> <span style="color: #B8C5D6;">Liora has begun her journey into NTR territory with Seryk. She's still innocent but has taken her first steps into more intimate healing methods.</span> <<elseif $serykLioraNTRProgressionLevel === 2>> <span style="color: #B8C5D6;">Liora is becoming more comfortable with intimate healing sessions. She's less embarrassed and more willing to explore alternative methods.</span> <<elseif $serykLioraNTRProgressionLevel === 3>> <span style="color: #B8C5D6;">Liora is actively seeking out intimate healing sessions. She's developed a dependency on Seryk's methods and craves the intimate contact.</span> <<elseif $serykLioraNTRProgressionLevel === 4>> <span style="color: #B8C5D6;">Liora is deeply involved in NTR progression. She's become addicted to the intimate healing methods and actively seeks opportunities for more.</span> <<elseif $serykLioraNTRProgressionLevel === 5>> <span style="color: #B8C5D6;">Liora is fully committed to the NTR path. She's lost most of her innocence and actively pursues intimate experiences with Seryk.</span> <<elseif $serykLioraNTRProgressionLevel >= 6>> <span style="color: #B8C5D6;">Liora has completely embraced the NTR lifestyle. She's no longer the innocent healer she once was and actively seeks out corruption and intimate experiences.</span> <</if>> <</if>> <<if $lioraSizeAddiction && $lioraSizeAddiction > 0>> <br><br> <span style="color: #FF1493; font-weight: bold;">Size Addiction (Level $lioraSizeAddiction):</span> <<if $lioraSizeAddiction === 1>> <span style="color: #B8C5D6;">Liora has just discovered that larger sizes exist. She finds them intimidating and painful-looking. $humanName's size is perfect for her.</span> <<elseif $lioraSizeAddiction === 2>> <span style="color: #B8C5D6;">Liora is beginning to notice size differences. While still preferring $humanName's comfortable size, she's becoming curious about larger options.</span> <<elseif $lioraSizeAddiction === 3>> <span style="color: #B8C5D6;">Liora is developing a mild fascination with size. She still prefers $humanName but occasionally thinks about what larger sizes might feel like.</span> <<elseif $lioraSizeAddiction === 4>> <span style="color: #B8C5D6;">Liora is becoming more interested in size variety. She appreciates $humanName's size but is increasingly curious about larger options.</span> <<elseif $lioraSizeAddiction === 5>> <span style="color: #B8C5D6;">Liora is developing a moderate size preference. She still loves $humanName but is starting to crave the challenge of larger sizes.</span> <<elseif $lioraSizeAddiction === 6>> <span style="color: #B8C5D6;">Liora is becoming size-conscious. She appreciates $humanName but is increasingly drawn to the idea of larger, more challenging experiences.</span> <<elseif $lioraSizeAddiction === 7>> <span style="color: #B8C5D6;">Liora is developing a strong size preference. She loves $humanName but is becoming addicted to the thrill of larger sizes.</span> <<elseif $lioraSizeAddiction === 8>> <span style="color: #B8C5D6;">Liora is heavily size-focused. She still cares for $humanName but is increasingly obsessed with larger, more intense experiences.</span> <<elseif $lioraSizeAddiction === 9>> <span style="color: #B8C5D6;">Liora is becoming size-obsessed. She maintains her love for $humanName but is deeply addicted to the challenge and intensity of larger sizes.</span> <<elseif $lioraSizeAddiction === 10>> <span style="color: #B8C5D6;">Liora is developing a dual preference. She deeply loves $humanName but is equally addicted to the overwhelming sensation of larger sizes.</span> <<elseif $lioraSizeAddiction === 11>> <span style="color: #B8C5D6;">Liora is becoming size-divided. She cherishes $humanName but is increasingly drawn to the extreme sensations that only larger sizes can provide.</span> <<elseif $lioraSizeAddiction === 12>> <span style="color: #B8C5D6;">Liora is developing size schizophrenia. She loves $humanName but is becoming addicted to the overwhelming, almost painful intensity of larger sizes.</span> <<elseif $lioraSizeAddiction === 13>> <span style="color: #B8C5D6;">Liora is becoming size-conflicted. She deeply loves $humanName but is increasingly obsessed with the extreme sensations of larger sizes.</span> <<elseif $lioraSizeAddiction === 14>> <span style="color: #B8C5D6;">Liora is developing extreme size preferences. She maintains her love for $humanName but is becoming addicted to the most challenging and intense size experiences.</span> <<elseif $lioraSizeAddiction >= 15>> <span style="color: #B8C5D6;">Liora has become completely size-obsessed. While she still loves $humanName, she's now addicted to the most extreme and challenging size experiences available.</span> <</if>> <</if>> </div> </div> </div> </div> <</if>> <<if $thalorLioraNtr>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 69, 0, 0.6), rgba(255, 140, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚠️</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Liora & Thalor</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFA500;">Liora started to act a bit weird around Thalor. I'm not sure what's going on, but it makes me feel uneasy.</span> </div> </div> </div> </div> <</if>> <<if $lioraFutaCurrious>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 20, 147, 0.6), rgba(199, 21, 133, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 20, 147, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚧</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Futa Transformation</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">Liora was temporarily transformed into a futa and masturbated. This was a very unusual and confusing experience.</span> </div> </div> </div> </div> <</if>> <<if $lioraLesbianContent>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 20, 147, 0.6), rgba(199, 21, 133, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 20, 147, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🌸</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Liora's Lesbian Content</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">Liora has started looking at women differently lately. There's something in her gaze that wasn't there before.</span> </div> </div> </div> </div> <</if>> <<if $lioraLickSerykSweat>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 140, 0, 0.6), rgba(255, 69, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 140, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💧</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Liora's Sweat Fetish</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF8C00;">Liora has developed an intense fascination with Seryk's sweat during their healing sessions. She claims it's for mana restoration, but her behavior suggests something deeper and more... intimate.</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(255, 105, 180, 0.3), rgba(255, 20, 147, 0.2), rgba(255, 105, 180, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(255, 105, 180, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #FF69B4, #FF1493, #FF69B4);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 105, 180, 0.1), rgba(255, 20, 147, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.8), rgba(255, 20, 147, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $lioraFirstKiss>> <span style="color: #FF69B4; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $lioraFirstKiss</span><br> <</if>> <<if $lioraFirstVaginal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $lioraFirstVaginal</span><br> <</if>> <<if $lioraFirstAnal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $lioraFirstAnal</span><br> <br> <</if>> <<if $lioraFirstBlowjob>> <span style="color: #FF69B4; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $lioraFirstBlowjob</span><br> <</if>> <<if $lioraFirstHandjob>> <span style="color: #FF69B4; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $lioraFirstHandjob</span><br> <</if>> <<if $lioraFirstFootjob>> <span style="color: #FF69B4; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $lioraFirstFootjob</span><br> <</if>> <<if $lioraFirstBoobjob>> <span style="color: #FF69B4; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $lioraFirstBoobjob</span><br> <</if>> <<if not $lioraFirstKiss && not $lioraFirstVaginal && not $lioraFirstAnal && not $lioraFirstBlowjob && not $lioraFirstHandjob && not $lioraFirstFootjob && not $lioraFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="mariel-content" class="tab-content"> <h3>Mariel's Special Values</h3> <<if $marielFootFetish>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.6), rgba(255, 20, 147, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🦶</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel's Feet</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFB6C1;">I've started noticing that <<print $humanToMariel>>'s feet look... interesting. Not that I have a fetish or anything, but they do seem quite attractive.</span> </div> </div> </div> </div> <</if>> <<if $rylanRomanceMariel>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 182, 193, 0.6), rgba(255, 192, 203, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 182, 193, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💕</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel Romance</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFB6C1;">I've been exploring romantic feelings with <<print $humanToMariel>>. Our relationship has become more intimate and complex.</span> </div> </div> </div> </div> <</if>> <<if $marielMorningVisitChapter4>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 182, 193, 0.6), rgba(255, 192, 203, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 182, 193, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💕</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel's Morning Kiss</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFB6C1;">I had a deep kiss with <<print $humanToMariel>> that morning. It felt... different. I'm not sure what it means.</span> </div> </div> </div> </div> <</if>> <<if $marielChapter5Massage>> <<if $marielTransformationMother>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 182, 193, 0.6), rgba(255, 192, 203, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 182, 193, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🥛</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel's Breast Milk</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFB6C1;">When I touched <<print $humanToMariel>>'s breasts, she started producing milk. Is she... pregnant? This is so confusing.</span> </div> </div> </div> </div> <<else>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.6), rgba(255, 20, 147, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🍒</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel's Breasts</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">I grabbed <<print $humanToMariel>>'s breasts during the massage. What is wrong with me? I shouldn't have done that.</span> </div> </div> </div> </div> <</if>> <</if>> <<if $marielNtrSeryk>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 69, 0, 0.6), rgba(255, 140, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🔥</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mariel & Seryk</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFA500;">I've noticed <<print $humanToMariel>> acting differently around Seryk. There's something between them that makes me feel... conflicted.</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(255, 105, 180, 0.3), rgba(255, 20, 147, 0.2), rgba(255, 105, 180, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(255, 105, 180, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #FF69B4, #FF1493, #FF69B4);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 105, 180, 0.1), rgba(255, 20, 147, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.8), rgba(255, 20, 147, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $marielFirstKiss>> <span style="color: #FF69B4; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $marielFirstKiss</span><br> <</if>> <<if $marielFirstVaginal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $marielFirstVaginal</span><br> <</if>> <<if $marielFirstAnal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $marielFirstAnal</span><br> <</if>> <<if $marielFirstBlowjob>> <span style="color: #FF69B4; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $marielFirstBlowjob</span><br> <</if>> <<if $marielFirstHandjob>> <span style="color: #FF69B4; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $marielFirstHandjob</span><br> <</if>> <<if $marielFirstFootjob>> <span style="color: #FF69B4; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $marielFirstFootjob</span><br> <</if>> <<if $marielFirstBoobjob>> <span style="color: #FF69B4; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $marielFirstBoobjob</span><br> <</if>> <<if not $marielFirstKiss && not $marielFirstVaginal && not $marielFirstAnal && not $marielFirstBlowjob && not $marielFirstHandjob && not $marielFirstFootjob && not $marielFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="serin-content" class="tab-content"> <h3>Serin's Special Values</h3> <<if $serinChapter4MasturbationPunishment>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 69, 0, 0.6), rgba(255, 140, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🔥</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Control</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFA500;">Serin has gained significant control over me through that humiliating experience. I can't help but feel submissive around her now.</span> </div> </div> </div> </div> <</if>> <<if $rylanxserincontent>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 215, 0, 0.6), rgba(255, 165, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚡</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Seduction</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFD700;">Serin and I have been exploring intimate territory together. Her teasing and seduction have awakened desires I never knew I had.</span> </div> </div> </div> </div> <</if>> <<if $serinChapter5BehindScene>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 0, 0, 0.6), rgba(220, 20, 60, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 0, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🍑</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Behind Scene</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #DC143C;">Serin humped me from behind. It was unexpected and... I'm still processing what happened. I feel confused about it.</span> </div> </div> </div> </div> <</if>> <<if $rylanChoseToDanceWithSerin>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 69, 0, 0.6), rgba(255, 140, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💃</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Dance</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF8C00;">I chose to dance with Serin, and it ended in us doing some intercrural sex. How could I do that when I have Liora?</span> </div> </div> </div> </div> <</if>> <<if $serinLesbianContent>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 20, 147, 0.6), rgba(199, 21, 133, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 20, 147, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🌸</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Lesbian Content</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">Serin has started looking at women differently lately. There's something in her gaze that wasn't there before.</span> </div> </div> </div> </div> <</if>> <<if $serinChapter5TakeControlChoice>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 69, 0, 0.6), rgba(255, 140, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 69, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚡</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Serin's Take Control Scene</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFA500;">I took control during our intimate encounter with Serin. It was a powerful moment where I finally stood up to her teasing and dominated her instead.</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(255, 105, 180, 0.3), rgba(255, 20, 147, 0.2), rgba(255, 105, 180, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(255, 105, 180, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #FF69B4, #FF1493, #FF69B4);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 105, 180, 0.1), rgba(255, 20, 147, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(255, 105, 180, 0.8), rgba(255, 20, 147, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $serinFirstKiss>> <span style="color: #FF69B4; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $serinFirstKiss</span><br> <</if>> <<if $serinFirstVaginal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $serinFirstVaginal</span><br> <</if>> <<if $serinFirstAnal>> <span style="color: #FF69B4; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $serinFirstAnal</span><br> <</if>> <<if $serinFirstBlowjob>> <span style="color: #FF69B4; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $serinFirstBlowjob</span><br> <</if>> <<if $serinFirstHandjob>> <span style="color: #FF69B4; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $serinFirstHandjob</span><br> <</if>> <<if $serinFirstFootjob>> <span style="color: #FF69B4; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $serinFirstFootjob</span><br> <</if>> <<if $serinFirstBoobjob>> <span style="color: #FF69B4; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $serinFirstBoobjob</span><br> <</if>> <<if not $serinFirstKiss && not $serinFirstVaginal && not $serinFirstAnal && not $serinFirstBlowjob && not $serinFirstHandjob && not $serinFirstFootjob && not $serinFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="seryk-content" class="tab-content"> <h3>Seryk's Special Values</h3> <<if $rylanxserykgaydream>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(0, 128, 128, 0.6), rgba(72, 209, 204, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 128, 128, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💤</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Gay Dream with Rylan</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #20B2AA;">Rylan had a dream about me that was... intimate. I'm not sure what to think about it, but it felt so real.</span> </div> </div> </div> </div> <</if>> <<if $serykRylanBlightwoodEncounter>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(0, 191, 255, 0.6), rgba(30, 144, 255, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 191, 255, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🌿</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Blightwood Encounter</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #00BFFF;">I made out with Rylan in Blightwood. We were both under aphrodisiac effect but... why did it feel good?</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(0, 191, 255, 0.3), rgba(30, 144, 255, 0.2), rgba(0, 191, 255, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(0, 191, 255, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #00BFFF, #1E90FF, #00BFFF);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0, 191, 255, 0.1), rgba(30, 144, 255, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(0, 191, 255, 0.8), rgba(30, 144, 255, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 191, 255, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $serykFirstKiss>> <span style="color: #00BFFF; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $serykFirstKiss</span><br> <</if>> <<if $serykFirstVaginal>> <span style="color: #00BFFF; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $serykFirstVaginal</span><br> <</if>> <<if $serykFirstAnal>> <span style="color: #00BFFF; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $serykFirstAnal</span><br> <</if>> <<if $serykFirstBlowjob>> <span style="color: #00BFFF; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $serykFirstBlowjob</span><br> <</if>> <<if $serykFirstHandjob>> <span style="color: #00BFFF; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $serykFirstHandjob</span><br> <</if>> <<if $serykFirstFootjob>> <span style="color: #00BFFF; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $serykFirstFootjob</span><br> <</if>> <<if $serykFirstBoobjob>> <span style="color: #00BFFF; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $serykFirstBoobjob</span><br> <</if>> <<if not $serykFirstKiss && not $serykFirstVaginal && not $serykFirstAnal && not $serykFirstBlowjob && not $serykFirstHandjob && not $serykFirstFootjob && not $serykFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="nimeria-content" class="tab-content"> <h3>Nimeria's Special Values</h3> <<if $rylanNimeriaLove && $rylanNimeriaLove > 0>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(138, 43, 226, 0.6), rgba(75, 0, 130, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(138, 43, 226, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💜</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Nimeria's Love</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <<if $rylanNimeriaLove === 1>> <span style="color: #DDA0DD;">I'm starting to develop feelings for Nimeria. There's something about her that draws me in.</span> <<elseif $rylanNimeriaLove === 2>> <span style="color: #DDA0DD;">I think I might be falling for Nimeria. Her presence makes my heart race.</span> <<elseif $rylanNimeriaLove >= 3>> <span style="color: #DDA0DD;">I'm definitely in love with Nimeria. She's become someone I can't imagine living without.</span> <</if>> </div> </div> </div> </div> <</if>> <<if $rylanNimeriaCumKiss>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 20, 147, 0.6), rgba(199, 21, 133, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 20, 147, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💋</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Nimeria's Cum Kiss</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FF1493;">I kissed Nimeria while she had my cum in her mouth. The taste was... intoxicating. I can't believe I did that.</span> </div> </div> </div> </div> <</if>> <<if $rylanNimeriaFootfetish>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(139, 69, 19, 0.6), rgba(160, 82, 45, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(139, 69, 19, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">🦶</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Nimeria's Feet</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #8B4513;">I kissed Nimeria's feet. I'm not sure why I did that, but it felt... different. I should probably be more careful.</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(138, 43, 226, 0.3), rgba(75, 0, 130, 0.2), rgba(138, 43, 226, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(138, 43, 226, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #8A2BE2, #4B0082, #8A2BE2);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(138, 43, 226, 0.1), rgba(75, 0, 130, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(138, 43, 226, 0.8), rgba(75, 0, 130, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(138, 43, 226, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $nimeriaFirstKiss>> <span style="color: #8A2BE2; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $nimeriaFirstKiss</span><br> <</if>> <<if $nimeriaFirstVaginal>> <span style="color: #8A2BE2; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $nimeriaFirstVaginal</span><br> <</if>> <<if $nimeriaFirstAnal>> <span style="color: #8A2BE2; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $nimeriaFirstAnal</span><br> <</if>> <<if $nimeriaFirstBlowjob>> <span style="color: #8A2BE2; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $nimeriaFirstBlowjob</span><br> <</if>> <<if $nimeriaFirstHandjob>> <span style="color: #8A2BE2; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $nimeriaFirstHandjob</span><br> <</if>> <<if $nimeriaFirstFootjob>> <span style="color: #8A2BE2; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $nimeriaFirstFootjob</span><br> <</if>> <<if $nimeriaFirstBoobjob>> <span style="color: #8A2BE2; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $nimeriaFirstBoobjob</span><br> <</if>> <<if not $nimeriaFirstKiss && not $nimeriaFirstVaginal && not $nimeriaFirstAnal && not $nimeriaFirstBlowjob && not $nimeriaFirstHandjob && not $nimeriaFirstFootjob && not $nimeriaFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="thalor-content" class="tab-content"> <h3>Thalor's Special Values</h3> <<if $thalor_rylanGayContent>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(0, 128, 128, 0.6), rgba(72, 209, 204, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 128, 128, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">💚</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Thalor's Night</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #20B2AA;">What <<print $humanToThalor>> did that night was disgusting... But why can't I get it out of my head? I feel confused.</span> </div> </div> </div> </div> <</if>> <div style="margin-top: 20px; background: linear-gradient(135deg, rgba(0, 128, 128, 0.3), rgba(72, 209, 204, 0.2), rgba(0, 128, 128, 0.3)); border-radius: 8px; padding: 20px; border: 2px solid rgba(0, 128, 128, 0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #008080, #48D1CC, #008080);"></div> <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0, 128, 128, 0.1), rgba(72, 209, 204, 0.05)); opacity: 0.6;"></div> <div style="position: relative; z-index: 2;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(0, 128, 128, 0.8), rgba(72, 209, 204, 0.9)); border-radius: 50%; width: 50px; height: 50px; display: flex: align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 128, 128, 0.4);"> <span style="color: #FFFFFF; font-size: 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">💋</span> </div> <div style="flex: 1;"> <h5 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1.1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">First Experiences</h5> <div style="color: #B8C5D6; font-size: 0.9em; line-height: 1.4;"> <<if $thalorFirstKiss>> <span style="color: #008080; font-weight: bold;">💋 First Kiss:</span> <span style="color: #B8C5D6;">With $thalorFirstKiss</span><br> <</if>> <<if $thalorFirstVaginal>> <span style="color: #008080; font-weight: bold;">🍑 First Vaginal:</span> <span style="color: #B8C5D6;">With $thalorFirstVaginal</span><br> <</if>> <<if $thalorFirstAnal>> <span style="color: #008080; font-weight: bold;">🍑 First Anal:</span> <span style="color: #B8C5D6;">With $thalorFirstAnal</span><br> <</if>> <<if $thalorFirstBlowjob>> <span style="color: #008080; font-weight: bold;">👄 First Blowjob:</span> <span style="color: #B8C5D6;">From $thalorFirstBlowjob</span><br> <</if>> <<if $thalorFirstHandjob>> <span style="color: #008080; font-weight: bold;">✋ First Handjob:</span> <span style="color: #B8C5D6;">From $thalorFirstHandjob</span><br> <</if>> <<if $thalorFirstFootjob>> <span style="color: #008080; font-weight: bold;">🦶 First Footjob:</span> <span style="color: #B8C5D6;">From $thalorFirstFootjob</span><br> <</if>> <<if $thalorFirstBoobjob>> <span style="color: #008080; font-weight: bold;">🍒 First Boobjob:</span> <span style="color: #B8C5D6;">From $thalorFirstBoobjob</span><br> <</if>> <<if not $thalorFirstKiss && not $thalorFirstVaginal && not $thalorFirstAnal && not $thalorFirstBlowjob && not $thalorFirstHandjob && not $thalorFirstFootjob && not $thalorFirstBoobjob>> <span style="color: #B8C5D6; font-style: italic;">No first experiences recorded yet.</span> <</if>> </div> </div> </div> </div> </div> </div> <div id="others-content" class="tab-content"> <h3>Other Special Values</h3> <<if $mysteriousBookshopVisited>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(75, 0, 130, 0.6), rgba(138, 43, 226, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(75, 0, 130, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">📚</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Mysterious Bookshop</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #8A2BE2;">I visited a strange bookshop run by Madame Veloria. She seemed to know things about me that she shouldn't.</span> </div> </div> </div> </div> <</if>> <<if $soulForgeUnlocked>> <div style="margin-top: 20px; padding: 15px; background: linear-gradient(145deg, rgba(60, 60, 80, 0.6), rgba(50, 50, 70, 0.7)); border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3);"> <div style="display: flex; align-items: center; gap: 12px;"> <div style="background: linear-gradient(145deg, rgba(255, 215, 0, 0.6), rgba(255, 165, 0, 0.7)); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);"> <span style="color: #FFFFFF; font-size: 1.2em;">⚡</span> </div> <div style="flex: 1;"> <h6 style="color: #E6E6FA; margin: 0 0 5px 0; font-size: 1em; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);">Soul Forge Unlocked</h6> <div style="color: #B8C5D6; font-size: 0.85em; line-height: 1.3;"> <span style="color: #FFD700;">Nimeria has unlocked the Soul Forge system. I can now manipulate my soul blessings and corruption.</span> </div> </div> </div> </div> <</if>> </div> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div> <</nobr>> <script> (function() { function initializeTabs() { const tabs = document.querySelectorAll('.special-values-tabs .tab'); const tabContents = document.querySelectorAll('.tab-content'); if (tabs.length === 0 || tabContents.length === 0) { // If elements aren't ready yet, try again in a moment setTimeout(initializeTabs, 100); return; } tabs.forEach(tab => { tab.addEventListener('click', function() { const targetTab = this.getAttribute('data-tab'); const targetContent = document.getElementById(targetTab + '-content'); if (targetContent) { // Remove active class from all tabs and contents tabs.forEach(t => t.classList.remove('active')); tabContents.forEach(content => content.classList.remove('active')); // Add active class to clicked tab and corresponding content this.classList.add('active'); targetContent.classList.add('active'); } }); }); // Set first tab as active by default if (tabs.length > 0) { tabs[0].classList.add('active'); if (tabContents.length > 0) { tabContents[0].classList.add('active'); } } } // Try to initialize immediately initializeTabs(); // Also try when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeTabs); } // Fallback for Twine setTimeout(initializeTabs, 500); })(); </script> <style> .special-values-tabs { display: flex; gap: 5px; margin-bottom: 20px; flex-wrap: wrap; } .special-values-tabs .tab { background: linear-gradient(145deg, rgba(60, 60, 80, 0.8), rgba(50, 50, 70, 0.9)); border: 1px solid rgba(100, 100, 100, 0.4); border-radius: 6px; padding: 10px 15px; cursor: pointer; transition: all 0.3s ease; color: #B8C5D6; font-size: 0.9em; font-weight: 500; } .special-values-tabs .tab:hover { background: linear-gradient(145deg, rgba(75, 0, 130, 0.6), rgba(138, 43, 226, 0.7)); border-color: rgba(138, 43, 226, 0.6); color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(138, 43, 226, 0.3); } .special-values-tabs .tab.active { background: linear-gradient(145deg, rgba(138, 43, 226, 0.8), rgba(75, 0, 130, 0.9)); border-color: rgba(138, 43, 226, 0.8); color: #FFFFFF; box-shadow: 0 4px 15px rgba(138, 43, 226, 0.4); } .tab-content { display: none; animation: fadeIn 0.5s ease; } .tab-content.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } </style>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>> <<nobr>> <<if $serykxliorantr === true || $serykxliorantr === "stage1">><<set $currentFace = $currentLioraFace>><<else>><<set $currentFace = $currentRylanFace>><</if>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💪 Helping Hand 💪</p> <p style="color: white; font-size: 1.1em;">Muscle Appreciation</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/blockage.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The path is blocked by fallen trees and large rocks. The team needs to work together to clear the way forward.*</p><<if $serykxliorantr === true || $serykxliorantr === "stage1">> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, stay back while I clear this path for you.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The others continue ahead, leaving Liora completely alone with Seryk. The isolation creates an intimate atmosphere as he begins his display of strength.*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 1: Natural Kindness ---</p> <center><img src="images/seryk/chapter2/stretching.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk approaches the heavy debris wearing only his loose boxers, his impressive physique naturally visible. He rolls his shoulders and stretches, preparing to work. There's nothing calculated about his appearance - he's simply comfortable in his own skin.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, why don't you rest over there? This debris looks heavy, and I don't want you getting hurt. I've got the strength to handle this safely.</span></p><div style="clear: left;"></div><<set _currentMuscleFetish = $liora_muscleFetish || 0>><<set _currentSmellFetish = $liora_smellFetish || 0>><<quickFetishRoll "Liora" "MuscleFetish" "Seryk" 0.5>><<if _fetishSuccess>><<if _currentMuscleFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My obsession with powerful muscles reaches a fever pitch. Seryk's near-naked body in just those loose boxers is absolutely perfect - every ridge, every curve of his powerful physique makes me feel weak with desire. I remember the taste of his saliva... wait, why am I thinking about that?*</p><<changeLust "Liora" 10>><<changeAttraction "Liora" "Seryk" 5>><<changeFetish "Liora" "MuscleFetish" 0.6>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Seryk... seeing you like this... it's bringing back memories of when we... when you helped me and I tasted... No, I shouldn't be thinking about that now.</span></p><div style="clear: left;"></div><<elseif _currentMuscleFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing appreciation for muscular bodies makes Seryk's nearly naked display incredibly captivating. The memory of our kiss flashes through my mind - how his saliva tasted, how it made me feel. Why do I keep thinking about that?*</p> <<changeLust "Liora" 8>><<changeAttraction "Liora" "Seryk" 4>><<changeFetish "Liora" "MuscleFetish" 0.5>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Your body is incredible, Seryk. It reminds me of when you were so close to me before... when I could taste your...</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I find myself unexpectedly drawn to Seryk's impressive physique barely covered by his boxers. Memories surface unbidden - the kiss we shared, how I actually drank his saliva multiple times and... enjoyed it? What's wrong with me?*</p> <<changeLust "Liora" 6>><<changeAttraction "Liora" "Seryk" 3>><<changeFetish "Liora" "MuscleFetish" 0.4>> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">I... I keep remembering when we kissed, when I swallowed your saliva. Why did I like it so much? Why do I want more?</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on something else, but seeing Seryk in just his boxers brings back confused memories of our intimate moments. The way his saliva tasted... why can't I stop thinking about it?*</p> <<changeLust "Liora" 4>><<changeAttraction "Liora" "Seryk" 2>><<changeFetish "Liora" "MuscleFetish" 0.2>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 2: Natural Attraction ---</p> <center><img src="images/seryk/sweathard.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk begins lifting the heavy stones with impressive ease, his powerful body working efficiently. His muscles flex naturally with each movement, and soon a light sheen of sweat appears on his skin from the exertion.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Sorry about working up a sweat, Little Bird. These stones are heavier than they look! Are you feeling okay over there? You look a bit flushed.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As Seryk works, I find myself unable to look away. The beads of sweat on his skin catch my attention, and strangely... they look almost delicious? What is wrong with me? Why am I having such strange thoughts? I remember when I tasted his saliva... it was so sweet...*</p><<quickFetishRoll "Liora" "SmellFetish" "Seryk" 0.5>><<if _fetishSuccess>><<if _currentSmellFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's natural masculine scent completely overwhelms my senses. I find myself breathing deeper unconsciously, almost drunk on his musky aroma. The smell combines with the memory of his taste - his saliva, so sweet and addictive. I want to get closer... God, what is happening to me?*</p><<changeLust "Liora" 8>><<changeFetish "Liora" "SmellFetish" 0.6>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Seryk... your scent reminds me of when you helped me before, when I tasted... I keep having these strange thoughts. I shouldn't feel this way, but I can't stop myself...</span></p><div style="clear: left;"></div><<elseif _currentSmellFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing fascination with Seryk's scent makes me unconsciously breathe deeper. The sight of his sweat triggers memories of how good his saliva tasted. These thoughts confuse and overwhelm me.*</p><<changeLust "Liora" 6>><<changeFetish "Liora" "SmellFetish" 0.4>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Your scent... it makes me remember when you saved me, when I tasted you. I'm having such strange thoughts... why do I feel this way?</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's natural masculine scent is unlike anything I've experienced. Combined with memories of when he helped me, I'm having the strangest urges. I remember how his saliva tasted... and now I'm wondering about other things. What's wrong with me?*</p><<changeLust "Liora" 5>><<changeFetish "Liora" "SmellFetish" 0.3>> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Your scent... it's making me think about when you saved me and I tasted... I keep having these confusing thoughts...</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the work being done, but the sight of Seryk's sweaty body keeps bringing back memories of tasting his saliva. Why do I keep thinking about how delicious his sweat looks?*</p><<changeLust "Liora" 3>><<changeFetish "Liora" "SmellFetish" 0.1>><</if>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, are you feeling alright? You look flushed and your breathing seems heavy. Maybe you should sit down? I don't want you overheating in this weather.</span></p><div style="clear: left;"></div></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 3: Genuine Care ---</p> <center><img src="images/liora/facewet.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*When Seryk finishes clearing the path, he notices I'm still breathing heavily and looking flushed. His expression shows genuine concern as he approaches, wiping sweat from his brow.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, you're really overheated. Here, let me check if you have a fever. I'm worried about you.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk gently places the back of his hand against my forehead, then carefully cups my face to check my temperature. His touch is tender and concerned, though I can smell his natural scent even stronger now that he's close.*</p> <<quickFetishRoll "Liora" "SubmissionFetish" "Seryk" 0.4>> <<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Being so close to Seryk's protective presence, feeling his gentle hands on my skin while breathing in his natural scent, awakens something deep inside me. I feel safe and cared for, and somehow... I want to let him take care of me completely.*</p> <<changeLust "Liora" 6>><<changeFetish "Liora" "SubmissionFetish" 0.3>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">When you touch me like this... I feel so safe with your strength protecting me. I want... I want to let you take care of me.</span></p><div style="clear: left;"></div> <<changeLust "Seryk" 4>><<changeAttraction "Seryk" "Liora" 2>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's gentle touch is comforting yet overwhelming. I don't understand why his presence affects me so powerfully, but I feel safe with him.*</p> <<changeLust "Liora" 4>><<changeLust "Seryk" 2>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk uses his thumbs to gently wipe away the sweat from my forehead. His touch lingers longer than necessary, and I find myself leaning into his strong hands unconsciously.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, you're trembling... Are you still feeling unwell? I can step back if I'm making you uncomfortable. I just want to make sure you're okay.</span></p><div style="clear: left;"></div></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 4: Mutual Confusion ---</p> <center><img src="images/liora/blightwood/seryktouchface.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk remains close, still checking on me, but I notice he seems affected too. His breathing has changed, and there's a slight flush to his cheeks. Neither of us expected this kind of reaction.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird... I can feel your heart racing. Mine is too, actually. I don't understand what's happening between us. This feeling is... new to me.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Almost unconsciously, I find myself breathing deeper, letting Seryk's masculine aroma wash over me. His demonic pheromones seem to awaken primal desires I never knew existed.*</p><<quickFetishRoll "Liora" "SalivaFetish" "Seryk" 0.3>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As Seryk speaks, I find myself drawn to his mouth, remembering the taste of his saliva from when he helped me before. When he unconsciously licks his lips, I feel an unexpected surge of longing.*</p><<changeLust "Liora" 5>><<changeFetish "Liora" "SalivaFetish" 0.2>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">I... I keep remembering when you saved me, when I tasted... I can't stop thinking about it.</span></p><div style="clear: left;"></div> <img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I... I keep thinking about that too, Little Bird. I didn't expect it to affect me this way. Your reactions... they make me feel things I've never felt before.</span></p><div style="clear: left;"></div><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's hands move gently to my shoulders, his touch tender and supportive. The contact sends warm sensations through my body, and I feel both comforted and excited by his closeness.*</p> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Seryk... I... thank you for checking on me. I feel better now that you're here.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As our intimate moment continues, Seryk slowly steps back, looking as confused and affected as I feel. His expression shows he's experiencing something new and unexpected too.*</p> <img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird... are you feeling better now? We should... we should catch up with the others.</span></p><div style="clear: left;"></div> <<changeLust "Seryk" 5>><<changeAffection "Liora" "Seryk" 3>><<changeAttraction "Seryk" "Liora" 3>></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Everyone works together to clear the blockage. I find myself working alongside Liora, both of us struggling with some of the heavier debris.*</p> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">$humanName, this rock is too heavy for me alone. Can you help me lift it?</span></p><div style="clear: left;"></div> <center><img src="images/liora/sweathard.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We work together to move the debris, our bodies pressed close as we coordinate our efforts. I can feel the warmth from her body and catch her feminine scent as we work.*</p> <<quickFetishRoll "Rylan" "SmellFetish" "Liora" 0.3>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Working so close to Liora, I become aware of her natural scent - a mix of feminine sweetness and the light sweat from our efforts. It's surprisingly intoxicating.*</p> <<changeLust "Rylan" 5>><<changeLust "Liora" 3>><<changeAttraction "Rylan" "Liora" 2>> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">I'm sorry if I smell from the work... being so close to you makes me nervous...</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We work efficiently together, though I can't help but notice how graceful Liora remains even during physical labor.*</p> <<changeLust "Rylan" 2>><<changeAttraction "Rylan" "Liora" 1>><</if>><<changeAffection "Rylan" "Liora" 1>><<changeAffection "Liora" "Rylan" 1>><</if>> <<if $serykxliorantr === true || $serykxliorantr === "stage1">> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we prepare to continue forward, I can't help but notice how Liora keeps glancing back toward Seryk. The intimate encounter has clearly affected her deeply, and I sense something fundamental has changed between them. Her breathing is still slightly uneven, and there's a new look in her eyes - a mixture of confusion and awakening desire.*</p> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">I... I can still smell his scent on my skin. What is happening to me? I've never felt anything like this before...</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With the path cleared through our teamwork, we can continue forward through the dungeon. The cooperative effort has brought us closer together as a team.*</p><</if>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<if $serykxliorantr === true || $serykxliorantr === "stage1">><<changeFace $currentLioraFace>><<else>><<changeFace $currentRylanFace>><</if>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <<if $nimeriaxrylancontent == true>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💕 Intoxicating Scent 💕</p> <p style="color: white; font-size: 1.1em;">Nimeria's Seduction</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/secludedclearing.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The group splits up to cover more ground efficiently. I find myself alone with Nimeria in a secluded clearing near a small spring. She seems to have planned this moment.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">$humanName, I've been walking all day and I'm quite... sweaty. I need to freshen up a bit. Would you mind staying close? I feel safer when you're watching over me.</span></p><div style="clear: left;"></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 1: Undressing ---</p> <center><img src="images/nimeria/blightwood/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria begins loosening her white dress, explaining she needs to clean the areas where she's been sweating. As she lifts her arms to adjust the fabric, her underarms become exposed, revealing smooth pale skin.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I hope you don't mind, $humanName, but I really need to clean properly. I've been sweating quite a bit... You can smell it, can't you? My natural scent?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Even from this distance, I can detect Nimeria's intoxicating feminine scent - a mixture of sweet perfume and her natural musk. There's something about her aroma that seems almost magical, drawing me in unconsciously.*</p> <<quickFetishRoll "Rylan" "ArmpitFetish" "Nimeria" 0.4>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I find myself completely captivated by the sight of Nimeria's exposed underarms. The smooth, pale skin and the intimate nature of seeing this usually hidden part of her body awakens something powerful in me.*</p> <<changeLust "Rylan" 6>><<changeFetish "Rylan" "ArmpitFetish" 0.3>><<changeAttraction "Rylan" "Nimeria" 3>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I can see you're fascinated by what I'm showing you, $humanName. There's something special about seeing someone's most intimate areas, isn't there?</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to give Nimeria privacy while she cleans herself, though I can't help but notice her graceful movements and enticing scent.*</p> <<changeLust "Rylan" 3>><<changeAttraction "Rylan" "Nimeria" 1>><</if>> <<quickFetishRoll "Rylan" "SmellFetish" "Nimeria" 0.4>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria's scent is incredibly intoxicating. There's something about her natural aroma that seems to bypass my rational mind and speak directly to my primal desires. I find myself breathing deeper, wanting more.*</p> <<changeLust "Rylan" 5>><<changeFetish "Rylan" "SmellFetish" 0.3>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I can see you breathing differently, $humanName. My scent affects you, doesn't it? That's perfectly natural...</span></p><div style="clear: left;"></div><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 2: Washing Ritual ---</p> <center><img src="images/nimeria/blightwood/2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria deliberately positions herself so I have a clear view as she begins washing. She lifts one arm high above her head, completely exposing her underarm as she uses a wet cloth to clean the smooth skin. Her movements are slow and deliberate.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I need to be very thorough, $humanName. These areas accumulate so much scent... Can you smell how intensely I've been sweating? It's quite... overwhelming, isn't it?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As she washes, Nimeria's intoxicating aroma becomes even stronger. The combination of her natural musk and the water seems to intensify her scent, creating an almost hypnotic effect that makes my head swim with desire.*</p><<quickFetishRoll "Rylan" "ArmpitFetish" "Nimeria" 0.5>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Watching Nimeria wash her exposed underarms is incredibly erotic. The intimate nature of the act, combined with the perfect view of her smooth, pale skin, creates an overwhelming surge of desire. I can't look away from this private, sensual display.*</p> <<changeLust "Rylan" 8>><<changeFetish "Rylan" "ArmpitFetish" 0.4>><<changeAttraction "Rylan" "Nimeria" 4>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I can see how fascinated you are by this intimate view, $humanName. There's something so personal about watching someone cleanse their most private areas...</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to give Nimeria privacy for her washing, though her deliberate positioning makes it clear she wants me to watch her intimate cleansing ritual.*</p> <<changeLust "Rylan" 4>><<changeAttraction "Rylan" "Nimeria" 2>><</if>><<quickFetishRoll "Rylan" "SmellFetish" "Nimeria" 0.5>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The washing seems to release even more of Nimeria's intoxicating scent into the air. Her natural aroma is incredibly powerful and seductive, making me feel drunk with desire. I find myself leaning closer unconsciously, desperate to breathe in more of her essence.*</p><<changeLust "Rylan" 6>><<changeFetish "Rylan" "SmellFetish" 0.4>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">I can see you're getting closer, $humanName. My scent is quite potent, isn't it? Feel free to breathe it in deeply...</span></p><div style="clear: left;"></div><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 3: Intimate Display ---</p> <center><img src="images/nimeria/blightwood/3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria raises both arms above her head in a deliberate display, fully exposing both of her smooth underarms. She holds this position longer than necessary, clearly wanting me to have the perfect view of her most intimate areas.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">$humanName, could you come closer and check? I'm worried I still smell bad after all that walking. Can you tell if the cleaning helped?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The invitation is too tempting to resist. As I move closer, Nimeria's powerful aroma washes over me like a tidal wave. Her scent is incredibly potent - a heady mixture of feminine musk and something almost magical that seems to bypass rational thought and speak directly to my primal desires.*</p><<quickFetishRoll "Rylan" "ArmpitFetish" "Nimeria" 0.6>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Being this close to Nimeria's exposed underarms is overwhelming. The smooth, pale skin and the intimate nature of this private display creates an incredible surge of arousal. I feel completely mesmerized by the sight and can't tear my eyes away from her perfect armpits.*</p> <<changeLust "Rylan" 10>><<changeFetish "Rylan" "ArmpitFetish" 0.5>><<changeAttraction "Rylan" "Nimeria" 5>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Perfect... I can see you're completely captivated by this view, $humanName. There's something so erotic about showing off my most intimate areas, isn't there?</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to maintain some composure despite Nimeria's deliberate and intimate display, though her proximity and scent make concentration nearly impossible.*</p> <<changeLust "Rylan" 6>><<changeAttraction "Rylan" "Nimeria" 3>><</if>><<quickFetishRoll "Rylan" "SmellFetish" "Nimeria" 0.6>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria's scent at this distance is absolutely intoxicating. Her natural aroma seems to have an almost hypnotic quality that makes me feel drunk with desire. I find myself breathing deeply, desperate to absorb more of her essence, completely under the spell of her powerful feminine musk.*</p><<changeLust "Rylan" 8>><<changeFetish "Rylan" "SmellFetish" 0.5>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">That's it... breathe me in deeply, $humanName. Let my scent fill your lungs completely. Can you feel how it affects you? How it makes you want things you've never imagined?</span></p><div style="clear: left;"></div><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Nimeria lowers her arms slightly, but keeps them positioned so her underarms remain exposed. She seems to enjoy the effect her intimate display is having on me, a knowing smile playing across her lips.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Oh! You look a little dizzy, $humanName. Are you feeling alright? Maybe I do still smell quite strong after all that walking...</span></p><div style="clear: left;"></div></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 4: Final Temptation ---</p> <center><img src="images/nimeria/blightwood/4.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Before finishing our private moment, Nimeria has one final surprise. She deliberately moves even closer, positioning her underarms directly in front of my face. Her intoxicating scent is now overwhelming at this distance.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Before we go, $humanName, could you check one more time? I just want to make sure I'm presentable for the others. Take a deep breath and tell me if I still smell too strong.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*At this close distance, Nimeria's aroma is absolutely overwhelming. My head spins with intoxication as her magical scent completely dominates my senses. I feel like I'm drowning in her feminine essence.*</p> <<quickFetishRoll "Rylan" "SmellFetish" "Nimeria" 0.7>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't resist breathing deeply, letting Nimeria's intoxicating scent completely overwhelm me. Her aroma is like a drug, creating an almost euphoric sensation that makes me crave more. I feel completely addicted to her essence.*</p> <<changeLust "Rylan" 12>><<changeFetish "Rylan" "SmellFetish" 0.6>><<changeFetish "Rylan" "ArmpitFetish" 0.4>> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Perfect... I can see you're completely intoxicated by my scent now. You'll think about this moment every time you close your eyes, won't you?</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Even trying to resist, Nimeria's powerful scent at this close range is impossible to ignore. My body responds despite my attempts at self-control.*</p> <<changeLust "Rylan" 8>><<changeFetish "Rylan" "SmellFetish" 0.3>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After what feels like an eternity of intoxicating bliss, Nimeria finally steps back. She adjusts her white dress and smooths down her black pantyhose, looking perfectly composed despite the intimate encounter.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">That was quite refreshing! I hope you enjoyed our little... cleaning session, $humanName. We should do this again sometime. Now, shall we rejoin the others?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we prepare to leave the clearing, I find myself completely dazed by the intimate encounter. The memory of Nimeria's intoxicating scent and the sight of her perfect underarms will haunt my thoughts for days to come.*</p><<changeLust "Nimeria" 5>><<changeAttraction "Nimeria" "Rylan" 3>><<changeFetish "Nimeria" "ExhibitionismFetish" 0.3>></div></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>><<statSummary>><<else>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(34, 139, 34, 0.85), rgba(0, 100, 0, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌿 Peaceful Exploration 🌿</p> <p style="color: white; font-size: 1.1em;">Botanical Discovery</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/secludedclearing.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The group splits up to cover more ground efficiently. I find myself with Nimeria in a secluded clearing near a small spring, examining some unusual plants that seem to be thriving despite the blight.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Look at these fascinating plants, $humanName! They seem to be naturally resistant to the blight. This could be valuable information for the guild's research.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We spend time cataloguing the unusual flora, taking notes on their resistance to the toxic environment. It's peaceful work, and Nimeria proves to be an excellent research partner.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">Your knowledge of plants is quite impressive, $humanName. I enjoy working with someone who appreciates the natural world as much as I do.</span></p><div style="clear: left;"></div><<changeAffection "Nimeria" "Rylan" 1>><<changeAffection "Rylan" "Nimeria" 1>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>><<statSummary>><</if>> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(147, 112, 219, 0.85), rgba(123, 104, 238, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💆 Muscle Strain 💆</p><p style="color: white; font-size: 1.1em;">Tender Care</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/restingspot.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After walking for hours through difficult terrain, Liora suddenly stumbles and cries out in pain. She's pulled something in her leg and can barely walk.*</p> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Ow! My thigh muscle... I think I've strained it badly. I can't put weight on this leg...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The others scout ahead for a safe path while I help Liora to a secluded resting spot where she can recover.*</p> <center><img src="images/liora/blightwood/thigh2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">$humanName... I'm going to need to lift my skirt so you can massage the muscle properly. This is so embarrassing...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Liora hesitantly lifts her skirt to expose her injured thigh. Her skin is pale and soft, and I can see the tense muscle that needs attention.*</p><<quickFetishRoll "Rylan" "ThighFetish" "Liora" 0.4>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As my hands work on Liora's injured thigh, I find myself captivated by the smoothness of her skin and the intimate nature of our position. Her leg feels incredibly soft under my touch.*</p> <<changeLust "Rylan" 6>><<changeLust "Liora" 4>><<changeAttraction "Rylan" "Liora" 3>> <img src="images/liora/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Your hands... they feel so warm on my skin. The massage is helping, but it's also making me feel... strange...</span></p><div style="clear: left;"></div> <<quickFetishRoll "Liora" "SubmissionFetish" "Rylan" 0.3>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I continue the massage, Liora's breathing becomes heavier. She seems to be enjoying the intimate contact more than just the therapeutic benefits.*</p> <<changeLust "Liora" 4>><<changeFetish "Liora" "SubmissionFetish" 0.2>> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Please... don't stop. Your touch is making the pain go away, but also making me feel things I don't understand...</span></p><div style="clear: left;"></div><<changeAffection "Liora" "Rylan" 2>><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I focus on the therapeutic aspects of the massage, working to relieve the tension in Liora's injured muscle while trying not to think about the intimate nature of the situation.*</p><<changeLust "Rylan" 3>><<changeLust "Liora" 2>><<changeAttraction "Rylan" "Liora" 1>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After several minutes of careful massage, Liora's muscle relaxes and the pain subsides. She's able to stand again, though she remains close to me.*</p> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Thank you, $humanName. Your gentle touch... I'll remember how safe you made me feel.</span></p><div style="clear: left;"></div><<changeAffection "Liora" "Rylan" 1>><<changeFetish "Rylan" "ThighFetish" 0.1>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(106, 90, 205, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💪 Intensive Training 💪</p> <p style="color: white; font-size: 1.1em;">Intimate Instruction</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/trainingground.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We discover an ancient training ground hidden in the forest. The others scout ahead, leaving me completely alone with Seryk. He grins as he surveys the spacious area, clearly having ideas for intensive training.*</p> <<if ($rylan_GayValue || 0) > 0.5 && $allowGayContent === true>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Perfect timing, bro. We've got this whole training ground to ourselves, and your combat technique definitely needs some... hands-on instruction. As you can see, I'm already dressed for serious training - just my boxers. You should match my level of preparation.</span></p><div style="clear: left;"></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 1: The Display ---</p> <center><img src="images/seryk/boxers.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk stands before me wearing only his loose boxers, his incredibly impressive physique on full display. His muscles are perfectly defined, with broad shoulders tapering to a narrow waist. His chest is powerful and masculine, covered with a light sheen of sweat from our journey.*</p> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Come on, bro. Don't be shy - lose the shirt and match my style. We need full range of motion for this training. I want to see exactly how your body moves so I can correct your form properly.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Somewhat nervously, I remove my shirt as well. Seryk's eyes openly appraise my smaller, leaner frame. There's something predatory yet appreciative in his gaze that makes my heart race. His near-naked state in just those loose boxers is incredibly distracting.*</p> <<set _currentMuscleFetish = $rylan_MuscleFetish || 0>><<set _currentGayValue = $rylan_GayValue || 0>><<quickFetishRoll "Rylan" "MuscleFetish" "Seryk" 0.6>><<if _fetishSuccess>><<if _currentMuscleFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My existing obsession with powerful muscles reaches fever pitch seeing Seryk's perfect physique so close. Every ridge, every curve of his powerful body seems designed to drive me wild with desire. I can barely think straight.*</p> <<changeLust "Rylan" 10>><<changeAttraction "Rylan" "Seryk" 5>><<changeFetish "Rylan" "MuscleFetish" 0.6>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can see exactly how much you appreciate what you're looking at, bro. Your body doesn't lie - that hungry stare tells me everything I need to know. You like seeing me in just my boxers, don't you?</span></p><div style="clear: left;"></div><<elseif _currentMuscleFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing appreciation for muscular bodies makes Seryk's display absolutely captivating. I find myself studying every detail of his powerful physique with fascination and growing arousal.*</p> <<changeLust "Rylan" 8>><<changeAttraction "Rylan" "Seryk" 4>><<changeFetish "Rylan" "MuscleFetish" 0.5>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">You're really taking your time looking me over, bro. I like a man who appreciates quality craftsmanship when he sees it.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I find myself unexpectedly mesmerized by Seryk's powerful build. There's something incredibly appealing about his raw masculine strength that awakens new feelings in me.*</p> <<changeLust "Rylan" 6>><<changeAttraction "Rylan" "Seryk" 3>><<changeFetish "Rylan" "MuscleFetish" 0.4>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can see this is awakening something new in you, bro. That's perfectly natural - demons tend to have that effect on people.</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the training aspect rather than Seryk's impressive physique, though avoiding looking at his powerful build proves nearly impossible.*</p><<changeLust "Rylan" 4>><<changeAttraction "Rylan" "Seryk" 2>><<changeFetish "Rylan" "MuscleFetish" 0.2>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 2: Close Contact Training ---</p> <center><img src="images/seryk/chapter2/stretching.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk begins demonstrating various combat stances, his muscles flexing and rippling with each movement. Soon, sweat begins to glisten on his skin, creating an even more mesmerizing display of raw masculine power.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Now it's your turn, bro. But first I need to correct your posture. Stand in front of me and let me position you properly from behind.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk moves directly behind me, his powerful chest pressing against my back. His muscular arms come around me to adjust my stance, and I can feel the heat radiating from his body. His masculine scent fills my nostrils.*</p><<quickFetishRoll "Rylan" "SmellFetish" "Seryk" 0.6>> <<if _fetishSuccess>><<set _currentSmellFetish = $rylan_SmellFetish || 0>><<if _currentSmellFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's intoxicating masculine scent completely overwhelms my senses. The combination of his natural musk and fresh sweat is like a drug to me. I find myself leaning back against him unconsciously, desperate to breathe in more of his essence.*</p><<changeLust "Rylan" 8>><<changeFetish "Rylan" "SmellFetish" 0.6>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">That's it, bro... I can feel how much you're enjoying my scent. You're practically melting against me. My demon pheromones have quite an effect, don't they?</span></p><div style="clear: left;"></div><<elseif _currentSmellFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing fascination with masculine scents makes Seryk's aroma incredibly appealing. I find myself breathing deeper, savoring the intoxicating smell of his powerful body.*</p><<changeLust "Rylan" 6>><<changeFetish "Rylan" "SmellFetish" 0.4>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">You're breathing quite deeply back there, bro. I can tell you're enjoying being this close to me. My natural scent has that effect.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's natural masculine scent is incredibly potent this close. There's something about his aroma that seems to bypass my rational mind and awaken primal desires I never knew existed.*</p><<changeLust "Rylan" 5>><<changeFetish "Rylan" "SmellFetish" 0.3>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can feel your body responding to mine, bro. That's perfectly natural - demons have natural pheromones that affect others.</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the training position rather than how good Seryk smells this close, though his masculine presence is impossible to ignore.*</p><<changeLust "Rylan" 3>><<changeFetish "Rylan" "SmellFetish" 0.1>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's powerful hands grip my arms and shoulders, adjusting my position with firm, confident touches. His skin is warm and slightly damp with sweat, and I can feel his strength in every contact.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Feel how I'm positioning your body, bro. Your stance needs to be wider, more... open. Let me guide you into the proper form.</span></p><div style="clear: left;"></div></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 3: Grappling Instruction ---</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk suggests we move on to grappling techniques. Before I can react, he smoothly takes me down to the training mats, pinning me beneath his powerful body. His weight presses down on me as he demonstrates proper submission holds.*</p> <center><img src="images/seryk/blightwood/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">This is how you establish dominance, bro. Feel my body controlling yours completely. Your opponent should know who's in charge from the moment you pin them down.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Pinned beneath Seryk's incredibly powerful physique, I'm completely overwhelmed by the intimate contact. His sweat drips down onto my chest as he holds me in place, and I can feel his muscles flexing against me with every movement.*</p><<quickFetishRoll "Rylan" "SubmissionFetish" "Seryk" 0.6>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Being completely dominated and controlled by Seryk's superior strength awakens something deep inside me. I find myself enjoying the helpless position far more than I should, craving his powerful dominance over my weaker body.*</p> <<changeLust "Rylan" 8>><<changeFetish "Rylan" "SubmissionFetish" 0.5>><<changeAttraction "Rylan" "Seryk" 4>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can feel you relaxing under me, bro. You like being controlled by someone stronger, don't you? There's no shame in enjoying submission to superior power.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the technical aspects of the grappling technique, though being pinned so intimately beneath Seryk's powerful body makes concentration nearly impossible.*</p><<changeLust "Rylan" 5>><<changeFetish "Rylan" "SubmissionFetish" 0.2>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk shifts his position, his muscular thighs straddling my waist as he demonstrates different control holds. The intimate positioning and his overwhelming physical presence make my heart race with confusing new desires.*</p> <center><img src="images/seryk/blightwood/4.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Now I'm going to show you how to reverse this position, bro. But first, I want you to really feel what it's like to be completely at someone else's mercy.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As Seryk adjusts his hold, I become acutely aware of something pressing against my body through his loose boxers. He's getting aroused from the intimate contact, and I can feel his hardness growing against me. Unconsciously, he begins making small, rhythmic movements against my body.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The feeling of Seryk's arousal pressing against me sends shockwaves through my entire being. My own body responds involuntarily, and I find myself completely overwhelmed by the intimate contact. This is so far beyond anything I ever imagined experiencing with another man.*</p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk seems lost in the moment, his breathing becoming heavier as he unconsciously grinds against me. His powerful hips move in slow, deliberate motions that send waves of confusing pleasure through both of us. This clearly wasn't part of his training plan.*</p> <center><img src="images/seryk/blightwood/2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Shit... I... *suddenly realizes what he's doing and stops abruptly* Sorry, bro.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk pulls back slightly, his face flushed with embarrassment and confusion. The bulge in his boxers is still clearly visible, and we both struggle to process what just happened between us. Neither of us expected these intense physical reactions.*</p> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><<changeLust "Rylan" 10>><<changeLust "Seryk" 8>><<changeAttraction "Seryk" "Rylan" 4>><<changeAttraction "Rylan" "Seryk" 4>><<changeFetish "Seryk" "GayValue" 0.3>><<changeFetish "Rylan" "GayValue" 0.4>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 4: Intimate Contact ---</p> <center><img src="images/seryk/blightwood/5.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk leans down close, his face inches from mine as he demonstrates a chokehold technique. His breath is warm against my skin, and I can see every detail of his handsome features. Sweat from his forehead drips down onto my face.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">This close contact is essential for proper technique, bro. You need to get comfortable being this intimate with an opponent... feeling their body heat, breathing their scent.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The intense eye contact and physical closeness creates an incredibly charged atmosphere. I find myself completely lost in Seryk's dark eyes, my breathing becoming shallow and rapid as unfamiliar desires course through me.*</p><center><img src="images/seryk/blightwood/3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<quickFetishRoll "Rylan" "GayValue" "Seryk" 0.4>><<if _fetishSuccess>><<if _currentGayValue >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My established attraction to men reaches its peak in this moment. Seryk's masculine beauty and powerful presence completely overwhelm me. I want him desperately - every fiber of my being craves his touch, his dominance, his possession of my body.*</p><<changeLust "Rylan" 12>><<changeFetish "Rylan" "GayValue" 0.6>><<changeAttraction "Rylan" "Seryk" 6>> <img src="images/seryk/facegrin.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can see exactly what you're thinking, bro. Your eyes are full of desire... you want this as much as I do. There's nothing wrong with embracing what you truly crave.</span></p><div style="clear: left;"></div><<elseif _currentGayValue >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing attraction to masculine beauty makes this intimate moment incredibly intense. Seryk's powerful presence and closeness awakens desires I'm still learning to understand and accept.*</p> <<changeLust "Rylan" 9>><<changeFetish "Rylan" "GayValue" 0.5>><<changeAttraction "Rylan" "Seryk" 5>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can feel how much this affects you, bro. These feelings you're having... they're completely natural. Let yourself explore what you truly want.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*This intimate closeness with Seryk awakens completely new feelings in me. His masculine power and beauty create desires I never imagined I could feel. Something fundamental is changing inside me.*</p> <<changeLust "Rylan" 7>><<changeFetish "Rylan" "GayValue" 0.4>><<changeAttraction "Rylan" "Seryk" 4>> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I can see something awakening in you, bro. Don't be afraid of these new feelings - they're part of discovering who you really are.</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The intimate training position creates confusing feelings I'm not ready to examine. I try to focus on the technique rather than the overwhelming closeness.*</p><<changeLust "Rylan" 4>><<changeFetish "Rylan" "GayValue" 0.2>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 5: The Aftermath ---</p> <center><img src="images/seryk/blightwood/5.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*After what feels like an eternity of intense physical contact, Seryk finally releases me and sits back. Both of us are breathing heavily, our bodies glistening with sweat from the intensive training session. The air between us feels charged with unspoken possibilities.*</p> <img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">That was... intense training, bro. Maybe we got a bit too into it. *clears throat awkwardly* Your technique definitely improved though.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I struggle to find words, my mind reeling from the intimate encounter. The memory of Seryk's powerful body dominating mine, his scent, his touch - it all swirls together in a confusing mix of desire and awakening.*</p> <img src="images/rylan/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Yeah... definitely different from what I expected. *avoids eye contact* I should probably... we should catch up with the others.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk reaches out and places a gentle but firm hand on my shoulder, his touch sending electric sensations through my body. His dark eyes hold mine with an intensity that makes my heart race.*</p> <img src="images/seryk/faceembarrassed.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Yeah... maybe we should. *pause* But hey, good training session, right? We should... do this again sometime. The training, I mean.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I put my shirt back on and Seryk remains comfortably in just his boxers, we both avoid eye contact for a moment. The training session was... different. We both know something happened, but neither of us wants to talk about it right now.*</p><<changeLust "Seryk" 8>><<changeAffection "Seryk" "Rylan" 4>><<changeAttraction "Seryk" "Rylan" 4>><<changeFetish "Rylan" "SubmissionFetish" 0.3>><<changeFetish "Rylan" "MuscleFetish" 0.2>></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I practice basic combat forms alone while Seryk works on his own training nearby. Occasionally I catch glimpses of his impressive technique and strength.*</p> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Looking good, bro. Your form is improving. Keep practicing those movements.</span></p><div style="clear: left;"></div><<quickFetishRoll "Rylan" "MuscleFetish" "Seryk" 0.2>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Watching Seryk train is inspiring. His powerful movements and confident demeanor create an oddly appealing display of masculine strength.*</p><<changeLust "Rylan" 4>><<changeAttraction "Rylan" "Seryk" 2>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I focus on my own training, appreciating Seryk's guidance and encouragement.*</p><<changeLust "Rylan" 2>><<changeAttraction "Rylan" "Seryk" 1>><</if>><<changeAffection "Seryk" "Rylan" 1>><</if>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <<if $blightwoodGoblinSeen !== true>> <<set $blightwoodGoblinSeen = true>> [[Wait, there's something unusual ahead...|GoblinEncounter]] <<else>><div class="completion-container" style="background: linear-gradient(to bottom, rgba(0, 128, 0, 0.85), rgba(34, 139, 34, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🎉 Chapter 3 Complete! 🎉</p> <p style="color: white; font-size: 1.1em;">Blightwood Mission Accomplished</p></div> <div class="completion-details" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Back at the guild hall, Elena reviews your mission report with obvious satisfaction. The Blightwood patrol has been completed successfully, and your team has proven their capabilities.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc">Excellent work, everyone! Your patrol of the Blightwood was thorough and professional. While you didn't find the mysterious talking goblin, your presence has helped secure the area.</span></p> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Elena hands over the mission rewards and updates your guild records. The successful completion of this D-Rank mission brings your team closer to advancement.*</p> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-female-npc">I'll be sure to recommend your team for more challenging missions in the future. You've shown you can handle yourselves in dangerous situations.</span></p></div></div> <<set $gold += 100>><<changeAffection "Rylan" "Liora" 1>><<changeAffection "Rylan" "Serin" 1>><<changeAffection "Rylan" "Seryk" 1>><<changeAffection "Rylan" "Nimeria" 1>> <div style="text-align: center; margin: 30px 0;"> <p style="color: #FFD700; font-size: 1.2em; margin-bottom: 20px;">Mission Rewards: 100 Gold</p> <p style="color: white; font-size: 1.1em; margin-bottom: 30px;">Chapter 3 Complete - New adventures await!</p> [[Continue to the next chapter|Chapter4Start]]</div> <<changeFace $currentRylanFace>><<statSummary>><</if>> <</nobr>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="goblin-encounter-container" style="background: linear-gradient(to bottom, rgba(34, 139, 34, 0.85), rgba(0, 100, 0, 0.9)); min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🎩 Mysterious Goblin 🎩</p> <p style="color: white; font-size: 1.1em;">An Unexpected Encounter</p></div> <div class="encounter-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we prepare to leave the Blightwood, we spot something unusual - a lone goblin wearing a strange, ornate hat sitting on a tree stump. He seems completely unbothered by our presence.*</p> <img src="images/nimeria/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">That's him! That's the goblin we were supposed to find. We should split up to cut off his escape routes.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I quickly assess the situation and formulate a plan.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Good thinking, Nimeria. Since there's no way north from here, Serin, you take the west. Seryk, cover the east. I'll approach from the south. Liora and Nimeria, stay back as backup.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Smart plan. We'll cut off all escape routes.</span></p><div style="clear: left;"></div> <img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Got it, bro. I'll make sure he can't escape to the east.</span></p><div style="clear: left;"></div> <img src="images/liora/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Ready to provide support if needed.</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Remember, we don't attack unless necessary. Let's see if he can actually talk first. Everyone agrees?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-group">Yes!</span></p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Alright, let's move into position.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We spread out and carefully surround the goblin. Once everyone is in position, I approach cautiously from the south.*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I take a deep breath and step forward. I can't believe I'm about to try talking to a goblin.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Hi there... can you talk? *thinking to myself: I can't believe I'm trying to have a conversation with a goblin*</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The goblin looks up at me with surprisingly intelligent eyes and grins widely.*</p> <center><img src="images/f95/portrait.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-goblin" style="color: #8FBC8F;">Of course I can talk! I can poop too if you want to know, NTRrrgh!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I'm completely taken aback. Not only can he talk, but he has a sense of humor... and strange speech patterns.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">*shocked* You... you really can talk! This is incredible!</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-goblin" style="color: #8FBC8F;">How about introducing yourselves first, NTRrrgh? Manners, you know!</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Right, sorry. I'm $humanName.</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-goblin" style="color: #8FBC8F;">Pleasure to meet you, $humanName! I'm Effnain Tyfaif, NTRrrgh!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Now I need to explain our mission to him.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Effnain, we're adventurers from the guild. We have a mission to... well, to capture you and bring you back with us.</span></p><div style="clear: left;"></div></div> <div style="background: rgba(70,50,90,0.9); border: 1px solid rgba(140,120,160,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I notice Nimeria staring at the goblin's hat with an expression I can't quite read. She looks like she's seen a ghost.*</p> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*staring at the hat* ...is this a joke?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Before I can ask what she means, the goblin responds to my capture request.*</p> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">Never! I'm a free pirate, NTRrrgh! You'll never take me alive!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Then the goblin asks something completely bizarre.*</p> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">$humanName, let me ask you something important - do you like landladies, or do you hate them?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*What kind of question is that? I decide to answer honestly.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">I guess if I have to choose, I'd say I like them...</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">Oooh! You know true beauty! My brother from a different womb! NTRrrgh!</span></p><div style="clear: left;"></div> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">What is this conversation about?</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">Silence! Talk when you become a milf! Me and my brother are having an important discussion!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I'm getting tired of this bizarre conversation.*</p></div> <div style="background: rgba(80,60,100,0.9); border: 1px solid rgba(160,140,180,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The goblin's next question is even stranger than the last.*</p> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">You must be the main character! How did your $humanToThalor die, Carriage accident?</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">My $humanToThalor is still alive, thankfully.</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">Oh my poor brother... so you aren't the main character after all...</span></p><div style="clear: left;"></div> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">...I think I'm going home...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Then the goblin leans in and whispers conspiratorially.*</p> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">*whispering* Hey $humanName, is it true that you humans are... holding hands?</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">*confused* Yes? Of course we hold hands sometimes.</span></p><div style="clear: left;"></div> <img src="images/f95/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-effnain" style="color: #8FBC8F;">*disgusted* NTRrrgh! You guys are absolutely degenerate! I have to tell my brother Itchyo about this! See you later, brother!</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">*bewildered* Alright... see you, I guess?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The goblin gets up from his stump and walks away casually, apparently no longer interested in us. We all stand there in stunned silence.*</p></div> <div style="background: rgba(90,70,110,0.9); border: 1px solid rgba(170,150,190,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Wait... didn't we have a mission to capture him?</span></p><div style="clear: left;"></div> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">...what did I just witness?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I rub my temples, trying to process what just happened.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">...oh shit... let's just say we didn't find anything. Nobody is going to believe this story anyway.</span></p><div style="clear: left;"></div> <img src="images/serin/facelaugh.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Agreed. I don't think Elena would believe us if we told her about a philosophical goblin pirate who's disgusted by hand-holding.</span></p><div style="clear: left;"></div> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*still staring in the direction the goblin went* That hat... where have I seen it before?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We all look at each other and silently agree to never speak of this encounter again. Some things are just too weird to explain.*</p></div></div></div> [[Return to the guild|ReturnGuildAfterBlightwood]] <<changeAffection "Rylan" "Liora" 1>><<changeAffection "Rylan" "Serin" 1>><<changeAffection "Rylan" "Seryk" 1>><<changeAffection "Rylan" "Nimeria" 1>><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="rest-continue-container" style="background: linear-gradient(to bottom, rgba(25, 25, 112, 0.85), rgba(72, 61, 139, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="rest-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px; text-align: center;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*After resting and recovering your strength, the party is ready to continue the exploration. The protective stones have helped cleanse some of the blight's effects.*</p> <<if not $serykxliorantr && $liora_combatStats.currentStamina>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 5, $liora_combatStats.maxStamina || 100)>><</if>> <<set $partyCurrentHP = Math.min($partyCurrentHP + Math.round($partyMaxHP * 0.2), $partyMaxHP)>> <p style="color: #32CD32; font-size: 0.9em; margin: 5px 0;">Party recovers 20% HP</p> <<if not $serykxliorantr>><p style="color: #87CEEB; font-size: 0.9em; margin: 0;">Liora recovers 5 MP</p><<else>><p style="color: #FFB6C1; font-size: 0.9em; margin: 0;">Liora seems distracted and doesn't recover MP</p><</if>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>><<set $currentFace = $currentRylanFace>><<set $timeOfDay = "afternoon">> <div class="guild-return-container" style="background: linear-gradient(to bottom, rgba(139, 69, 19, 0.85), rgba(160, 82, 45, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🏛️ Guild Hall Return 🏛️</p> <p style="color: white; font-size: 1.1em;">Mission "Debrief"</p></div> <div class="return-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/elenor/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Back at the guild hall, Elena looks up expectantly as our team returns. We all exchange nervous glances, silently reminding each other of our pact to never speak of what just happened.*</p> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-elena">Welcome back! How did the Blightwood patrol go? Did you find any sign of the talking goblin?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We all look at each other. Seryk clears his throat. Liora stares at the floor. Nimeria fidgets with her hat. Serin examines her fingernails with intense concentration.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Nope! Nothing unusual at all. Just... trees. And... blight. Very normal blight.</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Extremely normal. No talking. No philosophical discussions about landladies whatsoever.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Elena raises an eyebrow at Serin's oddly specific denial.*</p> <img src="images/liora/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">And definitely no questions about... um... hand-holding being degenerate behavior...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Everyone stares at Liora. She claps her hands over her mouth.*</p> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">What she means is... we held hands. As a team. Very normal behavior that no one would find disgusting.</span></p><div style="clear: left;"></div> <img src="images/elenor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-elena">...Are you all feeling alright? You're acting very strange.</span></p><div style="clear: left;"></div> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">We're perfectly normal! Nothing strange happened! No main character discussions or sibling references from different wombs!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Elena stares at us with growing suspicion.*</p> <img src="images/elenor/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-elena">Right... well, I suppose if you're certain nothing unusual happened...</span></p><div style="clear: left;"></div> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Yeah! Totally boring mission. Nothing worth reporting at all. Right guys?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We all nod way too enthusiastically, like bobbleheads in an earthquake.*</p> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">*nodding so hard his head might fall off* So normal. The normalest mission ever.</span></p><div style="clear: left;"></div> <img src="images/nimeria/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-nimeria">*looking exhausted* This conversation is making me very tired. Can we just... be done here?</span></p><div style="clear: left;"></div> <img src="images/elenor/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-elena">...I'm not even going to ask. Here's your payment. Please just... try to write a coherent mission report.</span></p><div style="clear: left;"></div></div> <div style="background: rgba(70,50,90,0.9); border: 1px solid rgba(140,120,160,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Elena hands over our payment while looking like she's questioning her life choices. We all nod very seriously, trying to look professional.*</p> <img src="images/rylan/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-rylan">Thank you, Elena. We'll... just go write that completely normal mission report now.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we walk away, Elena shakes her head in bewilderment. Behind her, other guild members whisper among themselves about how weird we're all acting.*</p> <img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">*whispering* I think we might have made that worse...</span></p><div style="clear: left;"></div> <img src="images/seryk/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">*whispering back* Let's just agree to never talk about what happened ever again.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*We all nod solemnly and walk away, leaving Elena more confused than ever about what really happened in the Blightwood.*</p></div></div></div> <<set $gold += 100>><<changeAffection "Rylan" "Liora" 1>><<changeAffection "Rylan" "Serin" 1>><<changeAffection "Rylan" "Seryk" 1>><<changeAffection "Rylan" "Nimeria" 1>><div style="text-align: center; margin: 30px 0;"><p style="color: #FFD700; font-size: 1.2em; margin-bottom: 20px;">Mission Rewards: 100 Gold</p> [[Head home|StrangeShopDiscovery]]</div> <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(106, 90, 205, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💦 Fighting Temptation 💦</p><p style="color: white; font-size: 1.1em;">Confusing Desires</p></div><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to resist the strange urge to ask him to stay, but the impulse is stronger than I expected. Why do I want him to watch me? This isn't normal...*</p><<quickRoll "Resist Gay Urges" "Rylan" 70 10 "GayValue" 5>><<if not _tempRollSuccess>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't help myself. Despite knowing how weird it sounds, the words come out before I can stop them.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">W-wait... don't go. Could you... could you maybe stay? I know it's weird but...</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't believe I just said that. But the thought of him leaving makes me feel strangely disappointed. Why am I feeling this way about another man?*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Uh... okay bro. That's... different. But if it helps you, I guess I can stay. Want me to pose for you or something?</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*He seems as confused as I am, but there's also something arousing about his willingness to help. The way his muscles glisten with sweat is incredibly distracting.*</p><center><img src="images/seryk/blightwood/masturbationdiscover/pose1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I nod eagerly, too aroused to feel embarrassed anymore. He starts flexing for me, and I resume stroking myself while watching his impressive display. This feels so wrong but so incredibly right...*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Is this... is this doing it for you? I have to admit, watching you is getting me hot too...</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"><center><img src="images/seryk/blightwood/masturbationdiscover/pose2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center>*His admission that he's getting aroused watching me pushes me over the edge. I climax intensely while staring at his muscular body, our mutual arousal creating an incredibly intimate moment.*</p><<run window.AudioSystem.playSFX('hsounds/cum.mp3')>><center><img src="images/rylan/masturbate/cumming.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<changeLust "Rylan" -100>><<changeLust "Seryk" 15>><<changeFetish "Rylan" "MuscleFetish" 0.4>><<changeFetish "Rylan" "GayValue" 0.3>><<changeFetish "Rylan" "ExhibitionismFetish" 0.3>><<changeFetish "Seryk" "VoyeurismFetish" 0.2>><<changeAttraction "Rylan" "Seryk" 1.5>><<changeAttraction "Seryk" "Rylan" 1.5>><<changeAffection "Seryk" "Rylan" 3>><<else>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I manage to fight off the strange urge to ask him to stay. This is weird enough already without making it even more awkward.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">Yeah... you should probably go. This is embarrassing enough as it is.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">No problem, bro. Take your time. I'll make sure nobody else comes this way.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*He leaves with understanding, and I finish alone. But I can't shake the feeling that I missed something important just now. Why did part of me want him to stay?*</p><<changeLust "Rylan" -70>><<changeFetish "Rylan" "GayValue" 0.1>><<changeAttraction "Seryk" "Rylan" 0.5>><</if>></div><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Confusing Aftermath ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I clean myself up, my mind races with confusing thoughts. What's happening to me? Why am I having these feelings about Seryk? I thought I was attracted to women...*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to push these thoughts away as I rejoin the group, but Seryk's masculine presence seems to affect me more than before. Something is definitely changing inside me.*</p></div></div>[[Return to the group|RestAreaContinue]] <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(106, 90, 205, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💦 Embarrassing End 💦</p><p style="color: white; font-size: 1.1em;">Caught and Covered</p></div><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Snapping back to reality, I quickly cover myself and stop what I'm doing. The embarrassment is overwhelming as I realize Seryk just caught me in this compromising position.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">S-sorry! I was just... I didn't think anyone would come here!</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Hey, it's completely natural bro. Nothing to be ashamed of. I'll just... go back to the others.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As he starts to turn away, a confusing impulse overwhelms me. Despite my embarrassment, I find myself calling out to him.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">W-wait! Seryk... could you... could you maybe pose for me? I know it sounds weird but seeing your muscles would... help me finish.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't believe I just asked that. The words came out before I could stop them, driven by some strange attraction to his powerful physique that I don't fully understand.*</p><center><img src="images/seryk/blightwood/masturbationdiscover/pose1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Without waiting for my answer, he starts flexing his impressive muscles, sweat glistening on his blue skin. The sight is incredibly arousing, and I find myself nodding without really thinking about it.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/facegrin.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">That's it, bro. Just watch me flex while you finish what you started. Nothing weird about appreciating a good physique.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't help but stare at his powerful body as I resume stroking myself. His masculine scent fills the air, making the whole experience incredibly intense. This isn't supposed to feel this good...*</p><center><img src="images/seryk/blightwood/masturbationdiscover/pose2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><center><img src="images/rylan/masturbate/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The combination of his muscular display and encouraging words pushes me over the edge quickly. I climax while staring at his impressive physique, trying to convince myself this is just about admiring strength.*</p><<run window.AudioSystem.playSFX('hsounds/cum.mp3')>><center><img src="images/rylan/masturbate/cumming.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<changeLust "Rylan" -100>><<changeLust "Seryk" 10>><<changeFetish "Rylan" "MuscleFetish" 0.3>><<changeFetish "Rylan" "GayValue" 0.2>><<changeFetish "Rylan" "ExhibitionismFetish" 0.2>><<changeAttraction "Rylan" "Seryk" 1>><<changeAttraction "Seryk" "Rylan" 1>><<changeAffection "Seryk" "Rylan" 2>></div><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Aftermath ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I clean myself up, there's an awkward but oddly comfortable silence between us. Seryk doesn't seem bothered by what just happened, which somehow makes it feel less embarrassing.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">See? Nothing wrong with appreciating the male form. Thanks for letting me help, bro.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I nod awkwardly, not entirely sure what to make of what just happened between us. There's definitely something changing in how I see Seryk...*</p></div></div>[[Return to the group|RestAreaContinue]] <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('chapter1default.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <div class="test-container" style="background: linear-gradient(to bottom, rgba(255, 0, 0, 0.85), rgba(139, 0, 0, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🧪 EVENT TESTING 🧪</p> <p style="color: white; font-size: 1.1em;">Direct Access to All BlightwoodEvents</p></div> <div class="test-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*This is a temporary testing passage for easy access to all BlightwoodEvents. Delete this passage when testing is complete.*</p> <div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin: 30px 0;"> <div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,182,193,0.8); border-radius: 8px; padding: 15px; text-align: center; min-width: 180px;"> <h3 style="color: #FFB6C1; margin-bottom: 10px;">Event 1</h3> <p style="color: white; font-size: 0.9em; margin: 10px 0;">Stone in Shoe<br/>(Rylan/Serin)</p> [[Test Event 1|BlightwoodEvent1]] </div><div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(139,0,139,0.8); border-radius: 8px; padding: 15px; text-align: center; min-width: 180px;"> <h3 style="color: #8B008B; margin-bottom: 10px;">Event 2</h3> <p style="color: white; font-size: 0.9em; margin: 10px 0;">Helping Hand<br/>(Liora/Seryk or Rylan/Liora)</p> [[Test Event 2|BlightwoodEvent2]] </div><div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(220,20,60,0.8); border-radius: 8px; padding: 15px; text-align: center; min-width: 180px;"> <h3 style="color: #DC143C; margin-bottom: 10px;">Event 3</h3> <p style="color: white; font-size: 0.9em; margin: 10px 0;">Mysterious Guidance<br/>(Rylan/Nimeria)</p> [[Test Event 3|BlightwoodEvent3]] </div><div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(147,112,219,0.8); border-radius: 8px; padding: 15px; text-align: center; min-width: 180px;"> <h3 style="color: #9370DB; margin-bottom: 10px;">Event 4</h3> <p style="color: white; font-size: 0.9em; margin: 10px 0;">Muscle Strain<br/>(Rylan/Liora)</p> [[Test Event 4|BlightwoodEvent4]] </div><div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(106,90,205,0.8); border-radius: 8px; padding: 15px; text-align: center; min-width: 180px;"> <h3 style="color: #6A5ACD; margin-bottom: 10px;">Event 5</h3> <p style="color: white; font-size: 0.9em; margin: 10px 0;">Private Training<br/>(Rylan/Seryk)</p> [[Test Event 5|BlightwoodEvent5]] </div></div><div style="background: rgba(255,69,0,0.3); border: 1px solid rgba(255,69,0,0.8); border-radius: 8px; padding: 15px; margin: 20px 0; text-align: center;"> <p style="color: #FF4500; font-weight: bold; margin: 0;">⚠️ Testing Variables ⚠️</p> <p style="color: white; font-size: 0.9em; margin: 5px 0;">Events check: $rylanxserincontent, $serykxliorantr, $rylan_gayValue, $allowGayContent</p> <p style="color: white; font-size: 0.9em; margin: 5px 0;">Set these variables appropriately before testing specific paths</p> </div></div></div><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="event-container" style="background: linear-gradient(to bottom, rgba(255, 182, 193, 0.85), rgba(255, 192, 203, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🦶 Sharp Stone 🦶</p><p style="color: white; font-size: 1.1em;">Intimate Care</p></div> <div class="event-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <center><img src="images/landscapes/rockypath.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The path becomes rocky and treacherous. Suddenly, Serin stops walking and winces, clearly in pain.*</p> <img src="images/serin/faceangry.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Damn it! A sharp stone got into my boot. It's cutting into my foot!</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Serin sits down on a fallen log and starts unlacing her boot. The others continue ahead, leaving us completely alone in this secluded part of the forest.*</p><<if $rylanxserincontent === true>> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 1: The Setup ---</p> <center><img src="images/serin/blightwood/stoneinshoe/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">$humanName... I need your help again. But this time, I want you to be extra thorough. Make sure you check every inch of my foot...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*There's something different in Serin's voice - a sultry undertone that makes my heart race. She sits gracefully on the log, her legs positioned deliberately to draw my attention. The white socks hug her athletic calves perfectly.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">See how my socks are damp with sweat? I've been walking for hours... they're clinging to my skin. You'll need to peel them off very slowly...</span></p><div style="clear: left;"></div><<set _currentFeetFetish = $rylan_feetFetish || 0>><<set _currentSmellFetish = $rylan_smellFetish || 0>><<quickFetishRoll "Rylan" "FeetFetish" "Serin" 0.4>><<if _fetishSuccess>><<if _currentFeetFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My existing obsession with feet makes this moment overwhelming. Serin's sock-covered feet are like a drug to me, and I can barely contain my desperate need to worship them properly.*</p><<changeLust "Rylan" 8>><<changeAttraction "Serin" "Rylan" 1.0>><<changeFetish "Rylan" "FeetFetish" 0.5>><<elseif _currentFeetFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing appreciation for feet makes Serin's display incredibly appealing. I find myself completely mesmerized by the sight of her sock-covered feet, wanting to see and touch more.*</p><<changeLust "Rylan" 6>><<changeAttraction "Serin" "Rylan" 3>><<changeFetish "Rylan" "FeetFetish" 0.4>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I find myself unexpectedly drawn to the sight of Serin's sock-covered feet. The way the fabric clings to her curves awakens something new in me.*</p><<changeLust "Rylan" 5>><<changeAttraction "Serin" "Rylan" 2>><<changeFetish "Rylan" "FeetFetish" 0.3>><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the medical aspect, but Serin's deliberate positioning and sultry words make it impossible to ignore the intimate nature of what's happening.*</p> <<changeLust "Rylan" 3>><<changeAttraction "Serin" "Rylan" 1>><<changeFetish "Rylan" "FeetFetish" 0.1>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 2: Getting Closer ---</p> <center><img src="images/serin/blightwood/stoneinshoe/2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I kneel before Serin as she extends her foot toward me. Her sock is indeed damp and clings to her skin like a second layer. The intimacy of the moment is overwhelming.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">That's it... get closer. I can see how you're looking at my foot through the sock. You're imagining what's underneath, aren't you?</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*From this close, I can see every detail of how the damp fabric clings to her foot. The anticipation builds as I prepare to examine her injury properly.*</p><<quickFetishRoll "Rylan" "SmellFetish" "Serin" 0.4>><<if _fetishSuccess>><<if _currentSmellFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My established addiction to feminine scents makes Serin's aroma utterly intoxicating. I find myself nearly panting, desperate to breathe in more of her intoxicating musk. The smell of her sweaty foot is like pure ecstasy.*</p><<changeLust "Rylan" 8>><<changeFetish "Rylan" "SmellFetish" 0.5>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Look at you... you're practically intoxicated by my scent. You can't get enough, can you? I love how my smell affects you so much...</span></p><div style="clear: left;"></div><<elseif _currentSmellFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My growing fascination with feminine scents makes Serin's aroma incredibly appealing. I find myself breathing deeper, wanting to absorb more of her intoxicating musk.*</p><<changeLust "Rylan" 6>><<changeFetish "Rylan" "SmellFetish" 0.4>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">I can see you breathing deeper, $humanName. You like my scent, don't you? My foot smells so strong from our long walk...</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As more of her foot is revealed, an unexpected scent reaches me - a blend of leather, cotton, and her natural feminine musk. Something about it is oddly appealing.*</p><<changeLust "Rylan" 5>><<changeFetish "Rylan" "SmellFetish" 0.3>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">You're breathing differently... do you like how I smell? I've been walking all day so my foot is quite... aromatic.</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I continue removing the sock, trying to maintain some semblance of medical professionalism despite the increasingly intimate atmosphere.*</p><<changeLust "Rylan" 3>><<changeFetish "Rylan" "SmellFetish" 0.1>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 3: The Sock Removal ---</p> <center><img src="images/serin/blightwood/stoneinshoe/3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My hands shake slightly as I begin to slowly roll down her sock. The fabric peels away from her damp skin with a soft whisper, and I catch my first glimpse of her bare heel as more skin is revealed.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">That's it... slowly peel it off. I can feel your fingers brushing against my skin as you work. The sock is so damp it's practically stuck to me...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As more of her foot is revealed, I can see her smooth, athletic skin glistening slightly with moisture. The sock continues to cling as I work it down, creating an incredibly intimate process.*</p><<quickFetishRoll "Rylan" "FeetFetish" "Serin" 0.5>><<if _fetishSuccess>><<if _currentFeetFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The sight of Serin's completely bare foot sends waves of overwhelming desire through me. My obsession takes over completely - every toe, every arch, every inch of her skin seems like perfection that I desperately need to worship.*</p><<changeLust "Rylan" 10>><<changeAttraction "Serin" "Rylan" 5>><<changeFetish "Rylan" "FeetFetish" 0.6>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Look at that intense stare... you're completely obsessed with my feet, aren't you? I can see the desperation in your eyes to touch them properly...</span></p><div style="clear: left;"></div><<elseif _currentFeetFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The sight of her bare foot captivates me completely. My growing appreciation for feet makes this moment incredibly intense - I find myself studying every detail with fascination.*</p><<changeLust "Rylan" 8>><<changeAttraction "Serin" "Rylan" 4>><<changeFetish "Rylan" "FeetFetish" 0.5>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">I can see exactly how you're looking at my foot, $humanName. You're not thinking about medical treatment anymore, are you? You're just... admiring.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I'm completely captivated by the sight of her bare foot. Every curve, every line seems unexpectedly appealing. Something about this intimate view awakens new desires.*</p><<changeLust "Rylan" 7>><<changeAttraction "Serin" "Rylan" 3>><<changeFetish "Rylan" "FeetFetish" 0.4>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">I can see you're really looking at my foot now... not just the injury. Do you like what you see?</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on locating the injury, though the intimate display makes concentration nearly impossible.*</p><<changeLust "Rylan" 4>><<changeAttraction "Serin" "Rylan" 2>><<changeFetish "Rylan" "FeetFetish" 0.2>><</if>><<quickFetishRoll "Rylan" "SmellFetish" "Serin" 0.4>><<if _fetishSuccess>><<if _currentSmellFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With her foot fully exposed, her natural scent becomes even more intense and intoxicating. I find myself leaning closer unconsciously, almost drunk on her aroma.*</p><<changeLust "Rylan" 6>><<changeFetish "Rylan" "SmellFetish" 0.4>><<elseif _currentSmellFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The scent from her bare foot is more noticeable now, and I find it surprisingly appealing. There's something about her natural aroma that draws me in.*</p><<changeLust "Rylan" 4>><<changeFetish "Rylan" "SmellFetish" 0.3>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I notice her foot has a distinct scent from being in her boot all day. Something about it seems oddly appealing.*</p><<changeLust "Rylan" 2>><<changeFetish "Rylan" "SmellFetish" 0.2>><</if>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 4: The Reveal ---</p> <center><img src="images/serin/blightwood/stoneinshoe/4.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With her sock finally removed, Serin's bare foot is fully revealed. Her skin is slightly flushed from being confined in her boot, and I can see the small cut where the stone was pressing against her sole.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">There... now you can see everything. My bare foot, completely exposed for you. You'll need to examine it very carefully to make sure there's no debris left...</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Serin shifts position, giving me an even better view. Her foot is elegant and athletic, with perfectly shaped toes and smooth, soft-looking skin despite her active lifestyle.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">I thought you might want to compare both feet... to make sure the injured one heals properly. You'll need to touch them both, won't you?</span></p><div style="clear: left;"></div><<quickFetishRoll "Rylan" "SubmissionFetish" "Serin" 0.4>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Kneeling here at Serin's feet, completely focused on her needs and desires, I realize how much I enjoy being in this position of service. She has complete control over the situation, and I love it.*</p> <<changeLust "Rylan" 6>><<changeFetish "Rylan" "SubmissionFetish" 0.3>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">You look so perfect down there, taking care of me. I could get used to having you at my feet like this... attending to my every need.</span></p><div style="clear: left;"></div> <<changeFetish "Serin" "DominanceFetish" 0.3>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite my best efforts to remain professional, the intimate nature of the situation and Serin's deliberate seduction is wearing down my resolve.*</p><<changeLust "Rylan" 4>><</if>></div> <div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"> <p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 5: The Examination ---</p> <center><img src="images/serin/blightwood/stoneinshoe/5.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <<quickFetishRoll "Rylan" "FeetFetish" "Serin" 0.6>><<if _fetishSuccess>><<if _currentFeetFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The moment my hands make contact with Serin's bare feet, I'm completely overwhelmed. My obsession reaches its peak as I feel the warm, soft skin under my fingers. I can barely contain my desperate need to worship them properly.*</p><<changeLust "Rylan" 12>><<changeFetish "Rylan" "FeetFetish" 0.8>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Look at you... you're completely lost in touching my feet. I can feel how much you need this. Don't be shy - massage them properly...</span></p><div style="clear: left;"></div><<elseif _currentFeetFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My hands tremble with excitement as I touch her warm, soft skin. The physical contact with her feet sends intense pleasure through me, far beyond what medical treatment should provide.*</p><<changeLust "Rylan" 9>><<changeFetish "Rylan" "FeetFetish" 0.6>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Your hands feel amazing on my skin, $humanName. I can feel how much you're enjoying touching my feet... Take your time and examine every inch.</span></p><div style="clear: left;"></div><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My hands tremble as I gently touch her skin to examine the wound. Her feet are warm and incredibly soft, and the intimate contact awakens something new in me.*</p><<changeLust "Rylan" 7>><<changeFetish "Rylan" "FeetFetish" 0.5>> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Your hands feel so gentle on my skin... I can tell you like touching my feet more than you expected.</span></p><div style="clear: left;"></div><</if>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the medical treatment, though the intimate contact makes it difficult to think clearly.*</p><<changeLust "Rylan" 4>><<changeFetish "Rylan" "FeetFetish" 0.3>><</if>> <<quickFetishRoll "Rylan" "SmellFetish" "Serin" 0.5>><<if _fetishSuccess>><<if _currentSmellFetish >= 3.0>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Working so close to her feet, her intoxicating scent completely overwhelms me. I find myself breathing deeply, addicted to her natural aroma. The smell of her warm skin is pure bliss.*</p><<changeLust "Rylan" 8>><<changeFetish "Rylan" "SmellFetish" 0.6>><<elseif _currentSmellFetish >= 1.5>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Being so close to her feet while touching them intensifies her scent significantly. I find myself unconsciously breathing deeper, drawn to her natural aroma.*</p><<changeLust "Rylan" 5>><<changeFetish "Rylan" "SmellFetish" 0.4>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Working this close, I become more aware of her natural scent. Something about it is oddly appealing and arousing.*</p><<changeLust "Rylan" 3>><<changeFetish "Rylan" "SmellFetish" 0.3>><</if>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I apply the bandage, Serin deliberately flexes her toes and shifts her feet, ensuring maximum contact between my hands and her skin. Every touch sends electric sensations through both of us.*</p> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Perfect... you've been so thorough, so attentive. This little private examination will be our secret, won't it? I like having intimate secrets with you, $humanName.</span></p><div style="clear: left;"></div> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*With the treatment complete, Serin slowly puts her sock back on, but not before giving me one last, lingering look at her bare feet. The memory of this intimate encounter will stay with me for a long time.*</p><<changeLust "Serin" 6>><<changeAffection "Serin" "Rylan" 4>><<changeFetish "Serin" "ExhibitionismFetish" 0.2>></div><<else>> <img src="images/serin/faceworried.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">$humanName, can you help me? I can't reach the stone properly and my foot is starting to bleed...</span></p><div style="clear: left;"></div> <center><img src="images/serin/blightwood/stoneinshoe/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I kneel down in front of Serin as she removes her boot and sock, revealing her athletic foot. There's a small cut where the stone was pressing, and her foot is slightly damp with sweat from the long walk.*</p><<quickFetishRoll "Rylan" "FeetFetish" "Serin" 0.2>><<if _fetishSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite the medical nature of the situation, I find myself oddly drawn to the intimate contact with Serin's foot. There's something appealing about caring for her this way.*</p><<changeLust "Rylan" 4>><<changeAttraction "Serin" "Rylan" 2>><<else>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I focus on the practical aspects of treating Serin's injury, though the intimate nature of the contact isn't lost on me.*</p><<changeLust "Rylan" 2>><<changeAttraction "Serin" "Rylan" 1>><</if>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I carefully clean and bandage the wound, trying to be as gentle as possible.*</p> <img src="images/serin/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">Thanks, $humanName. You're good at this... gentle but thorough.</span></p><div style="clear: left;"></div><<changeAffection "Serin" "Rylan" 1>><</if>></div></div> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>><<if not $dungeonProgress>><<set $dungeonEffect = "poisonDamage">><<set $gold = $gold || 0>><<set $crystals = $crystals || 0>><<if $rylanxnimeriahandjob == false>><<set $nimeriaxrylancontent = false>><<else>><<set $nimeriaxrylancontent = true>><</if>><div class="dungeon-setup-container" style="background: linear-gradient(to bottom, rgba(34, 139, 34, 0.85), rgba(0, 100, 0, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🌲 Entering the Blightwood 🌲</p><p style="color: white; font-size: 1.1em;">Choose Your Path</p></div><center><img src="images/landscapes/blightwood.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><div class="path-selection" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*As we approach the edge of the Blightwood, the toxic atmosphere becomes immediately apparent. The air shimmers with a sickly green hue, and the trees look twisted and unnatural.*</p><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center;">Choose your exploration route:</p><div style="display: flex; gap: 20px; margin: 30px 0; justify-content: center; flex-wrap: wrap;"><div class="path-option" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(100,200,100,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 200px; max-width: 250px;"><h3 style="color: #90EE90; margin-bottom: 15px;">🚶 Safe Path</h3><p style="color: white; font-size: 0.9em; margin: 0; line-height: 1.4;">Take the shortest, safest route through the blight. Fewer encounters but less risk.</p><p style="color: #90EE90; font-size: 0.8em; margin: 10px 0; font-style: italic;">8 Areas - Lower Rewards</p><<link "Choose Safe Path">><<set $dungeonDifficulty = "easy">><<set $dungeonMaxAreas = 8>><<goto "BlightwoodExploration">><</link>></div><div class="path-option" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 200px; max-width: 250px;"><h3 style="color: #FFD700; margin-bottom: 15px;">⚖️ Balanced Path</h3><p style="color: white; font-size: 0.9em; margin: 0; line-height: 1.4;">Take the standard patrol route. Moderate risk and moderate rewards.</p><p style="color: #FFD700; font-size: 0.8em; margin: 10px 0; font-style: italic;">12 Areas - Standard Rewards</p><<link "Choose Balanced Path">><<set $dungeonDifficulty = "normal">><<set $dungeonMaxAreas = 12>><<goto "BlightwoodExploration">><</link>></div><div class="path-option" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,69,0,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 200px; max-width: 250px;"><h3 style="color: #FF4500; margin-bottom: 15px;">⚔️ Thorough Path</h3><p style="color: white; font-size: 0.9em; margin: 0; line-height: 1.4;">Explore deeper into the blight. High risk but maximum rewards and exploration.</p><p style="color: #FF4500; font-size: 0.8em; margin: 10px 0; font-style: italic;">16 Areas - Maximum Rewards</p><<link "Choose Thorough Path">><<set $dungeonDifficulty = "hard">><<set $dungeonMaxAreas = 16>><<goto "BlightwoodExploration">><</link>></div></div></div></div><<else>><<goto "BlightwoodExploration">><</if>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>><<if not $dungeonProgress>><<set $dungeonProgress = 1>><<set $dungeonName = "Blightwood">><<set $dungeonEffect = "poisonDamage">><</if>><<if $dungeonProgress > 1>><<if $serykxliorantr>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 2, $liora_combatStats.maxStamina)>><<else>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 5, $liora_combatStats.maxStamina)>><</if>><</if>><<if not $rylan_combatStats>><<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 10, agility: 8, willpower: 9, technique: 8, perception: 7 }>><</if>><<if not $liora_combatStats>><<set $liora_combatStats = { maxHealth: 80, currentHealth: 80, maxStamina: 80, currentStamina: 80, physicalPower: 7, agility: 7, willpower: 12, technique: 8, perception: 9 }>><</if>><<if not $serin_combatStats>><<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 90, currentStamina: 90, physicalPower: 9, agility: 12, willpower: 8, technique: 9, perception: 8 }>><</if>><<if not $mariel_combatStats>><<set $mariel_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 8, agility: 7, willpower: 13, technique: 10, perception: 11 }>><</if>><<if not $seryk_combatStats>><<set $seryk_combatStats = { maxHealth: 150, currentHealth: 150, maxStamina: 150, currentStamina: 150, physicalPower: 16, agility: 10, willpower: 14, technique: 11, perception: 10 }>><</if>><<if not $nimeria_combatStats>><<set $nimeria_combatStats = { maxHealth: 120, currentHealth: 120, maxStamina: 120, currentStamina: 120, physicalPower: 8, agility: 11, willpower: 15, technique: 10, perception: 14 }>><</if>><<set $partyMaxHP = ($rylan_combatStats.maxHealth || 100) + ($liora_combatStats.maxHealth || 80) + ($serin_combatStats.maxHealth || 90) + ($mariel_combatStats.maxHealth || 100) + ($seryk_combatStats.maxHealth || 150) + ($nimeria_combatStats.maxHealth || 120)>><<set $partyCurrentHP = ($rylan_combatStats.currentHealth || 100) + ($liora_combatStats.currentHealth || 80) + ($serin_combatStats.currentHealth || 90) + ($mariel_combatStats.currentHealth || 100) + ($seryk_combatStats.currentHealth || 150) + ($nimeria_combatStats.currentHealth || 120)>><<dungeonEffectCheck>><<autoHealCheck>><<set _lioraCurrentSP = $liora_combatStats.currentStamina || 0>><<set _lioraMaxSP = $liora_combatStats.maxStamina || 80>><<set _hpPercentage = Math.round(($partyCurrentHP / $partyMaxHP) * 100)>><<set _spPercentage = Math.round((_lioraCurrentSP / _lioraMaxSP) * 100)>><<set _hpColor = (_hpPercentage >= 75) ? "#32CD32" : (_hpPercentage >= 50) ? "#FFD700" : (_hpPercentage >= 25) ? "#FFA500" : "#FF4500">><<set _spColor = (_spPercentage >= 75) ? "#87CEEB" : (_spPercentage >= 50) ? "#4169E1" : (_spPercentage >= 25) ? "#0000FF" : "#8A2BE2">><div class="dungeon-exploration-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="dungeon-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(34, 139, 34, 0.3); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="dungeon-header" style="background: rgba(45,45,50,0.95); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">$dungeonName Exploration</p><<set _dungeonImageName = $dungeonName.toLowerCase()>><center><img @src="'images/landscapes/' + _dungeonImageName + '.webp'" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div style="display: flex; justify-content: space-between; align-items: center;"><p style="color: white; font-size: 1.1em; margin: 0;">Progress: $dungeonProgress / $dungeonMaxAreas</p><p style="color: <<print _hpColor>>; font-size: 1.1em; margin: 0; font-weight: bold;">Party HP: $partyCurrentHP / $partyMaxHP</p><p style="color: <<print _spColor>>; font-size: 1.1em; margin: 0; font-weight: bold;">Liora MP: _lioraCurrentSP / _lioraMaxSP</p></div></div><div class="card-selection" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You come to a junction in the twisted forest. Three paths diverge before you, each offering different opportunities and dangers.*</p><<generateDungeonCards>></div></div></div> <</nobr>>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>><div class="rest-area-container" style="background: linear-gradient(to bottom, rgba(25, 25, 112, 0.85), rgba(72, 61, 139, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🏕️ Rest Area 🏕️</p><p style="color: white; font-size: 1.1em;">A Safe Haven in the Blight</p></div><div class="rest-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><center><img src="images/landscapes/blightwoodclearing.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*You find a small clearing where the blight seems less intense. Ancient stones form a protective circle, creating a safe space to rest and recover.*</p> <<restAreaEvents>><<if not _eventTriggered>><<set $partyCurrentHP = Math.min($partyCurrentHP + Math.round($partyMaxHP * 0.2), $partyMaxHP)>><<if not $serykxliorantr>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 20, $liora_combatStats.maxStamina || 100)>><p style="color: #98FB98; text-align: center; font-size: 1.0em; margin: 15px 0;">Everyone feels refreshed. Liora recovers 20 SP.</p><<else>><p style="color: #FFB6C1; text-align: center; font-size: 1.0em; margin: 15px 0;">Everyone feels refreshed. Liora seems distracted.</p><</if>><p style="color: #32CD32; text-align: center; font-size: 1.0em; margin: 15px 0;">🌿 The protective energy heals the party for 20% HP 🌿</p><p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*Everyone takes a moment to rest and recover their strength. The protective stones seem to cleanse the worst effects of the blight.*</p><</if>></div></div> <<if not _eventTriggered>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> <</if>> <</nobr>>

<<script>>window.AudioSystem.playBGM('default3.mp3');<</script>> <<nobr>> <<set $currentFace = $currentRylanFace>> <<unset $dungeonProgress>> <<unset $dungeonName>><<unset $dungeonEffect>> <<unset $dungeonDifficulty>><<unset $dungeonMaxAreas>> <<if $Chapter5BlightwoodVisit === true>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(34, 139, 34, 0.9), rgba(0, 100, 0, 0.95), rgba(34, 139, 34, 0.9)); min-height: 800px; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 30px;"> <div style="text-align: center; margin-bottom: 30px;"> <h2 style="color: #E6E6FA; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin: 0;">🔍 Mysterious Discovery 🔍</h2> </div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">*As the team prepares to leave the Blightwood, Mariel suddenly stops and points excitedly toward a shadowy area of the forest.*</p> <div style="clear: left;"></div></div> <div class="speaker-block" style="margin-bottom: 20px;"> <img src="images/mariel/face.webp" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="Mariel"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"> <span class="dialog-mariel">"Guys! Look over there! I think I see something!"</span> </div><div style="clear: left;"></div></div> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">*The team gathers around, peering into the darkness. There's definitely something new - a structure or entrance that wasn't visible during your previous explorations.*</p> <div style="clear: left;"></div></div> <center><img src="images/landscapes/lustdungeonentrance.webp" style="max-width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">*A hidden passage has revealed itself, beckoning you deeper into the mysteries of the Blightwood.*</p> <div style="clear: left;"></div></div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(34, 139, 34, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #228B22, #006400, #228B22, #006400);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Enter the Hidden Passage</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue..|Chapter5LustDungeonDiscovery]]</div> </div></div></div> <<set $gold += 200>> <<set $crystal += 10>> </div></div> <<elseif $blightwoodGoblinSeen !== true>> <<set $blightwoodGoblinSeen = true>> <div class="completion-container" style="background: linear-gradient(to bottom, rgba(0, 128, 0, 0.85), rgba(34, 139, 34, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🎉 Exploration Complete! 🎉</p> <p style="color: white; font-size: 1.1em;">Something Unusual Ahead...</p></div> <div class="completion-details" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*After thoroughly exploring the Blightwood, your team prepares to leave. But just as you're about to exit the forest, something catches your attention...*</p> <center><img src="images/landscapes/blightwood.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center;">There's movement in the clearing ahead. Something... or someone...</p></div></div> [[Investigate the strange figure|GoblinEncounter]] <<else>> <div class="completion-container" style="background: linear-gradient(to bottom, rgba(0, 128, 0, 0.85), rgba(34, 139, 34, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🎉 Mission Complete! 🎉</p> <p style="color: white; font-size: 1.1em;">Blightwood Patrol Successful</p></div> <div class="completion-details" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*After thoroughly exploring the Blightwood, your team emerges tired but victorious. The patrol mission has been completed successfully, though you found no sign of the mysterious talking goblin "Effnain" again.*</p> <center><img src="images/landscapes/guildhall.webp" style="max-width: 400px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center;">The team returns to the guild hall to report your findings to Elena.</p></div></div> [[Return home...|MorningChoices]] <<set $gold += 200>> <</if>><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentLioraFace>><<if not $serykLioraManaAssistCount>><<set $serykLioraManaAssistCount = 0>><</if>> <<nobr>> <div class="rest-assistance-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 700px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💧 Mana Assistance Offer 💧</p><<if $serykLioraManaAssistCount === 1>><p style="color: white; font-size: 1.1em;">First Time - Medical Help</p><<elseif $serykLioraManaAssistCount === 2>><p style="color: white; font-size: 1.1em;">Second Time - Growing Familiarity</p><<else>><p style="color: white; font-size: 1.1em;">Repeated Encounters - Potential Dependency</p><</if>></div><div class="assistance-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><center><img src="images/seryk/face.webp" style="width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<if $serykLioraManaAssistCount === 1>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF69B4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- First Time: Medical Assistance ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I collapse against the stone wall, my mana completely depleted. Every muscle in my body aches with magical exhaustion, and I can barely keep my eyes open.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk notices my condition immediately and approaches with genuine concern in his eyes. His expression is caring and professional - he's clearly worried about my wellbeing.*</p><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, you're in bad shape. That magical exhaustion could be dangerous if we encounter more enemies. You know my body fluids can restore your mana quickly... like in the cave. It's the most effective treatment I can offer.</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My stomach drops at his words. His saliva - the same fluid I unknowingly consumed in the cave when I thought it was medicine. Now that I know the truth, the idea makes me feel sick.*</p><img src="images/liora/faceembarrassedshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Your saliva?! Seryk, now that I know what it actually is... that's absolutely disgusting! I can't willingly drink your spit!</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's expression remains calm and genuinely concerned. He's not being pushy or seductive - just offering medical help in the way he knows best.*</p><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">I understand it sounds unpleasant, but it's just medicine. Like taking a health potion, just more direct. Could literally save your life here, Little Bird. No judgment from me either way.</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*His words pierce through my revulsion. He's right - I am in serious danger. My mana reserves are so low that even minor magical exertion could kill me.*</p><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Take your time deciding, Little Bird. If you'd rather rest and try to recover naturally, I understand. But the offer's there if you need it.</span></p><div style="clear: left;"></div><div style="text-align: center; margin: 25px 0;"><div style="display: inline-block; margin: 10px;">[[Try to resist and recover naturally|SerykLioraResistanceSuccess]]</div><div style="display: inline-block; margin: 10px;">[[Accept his assistance|SerykLioraManaAssistAccept]]</div></div></div><<elseif $serykLioraManaAssistCount === 2>><div style="background: rgba(70,50,90,0.9); border: 1px solid rgba(140,120,160,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Second Time: Growing Familiarity ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Here I am again, magic depleted. The exhaustion feels familiar now, as does the knowledge that Seryk's assistance worked incredibly well last time.*</p><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Little Bird, you're pushing yourself too hard again. You know what happened last time when you overextended like this. My assistance worked well before.</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*His tone is gentler this time, more familiar. There's a care in the way he speaks to me now, born from our shared experience.*</p><img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">Seryk... I told myself last time was a one-time emergency. This can't become a pattern.</span></p><div style="clear: left;"></div><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">No pressure, Little Bird. You know how quickly my treatment worked last time. But if you'd rather try to recover on your own, that's fine too.</span></p><div style="clear: left;"></div><div style="text-align: center; margin: 25px 0;"><div style="display: inline-block; margin: 10px;">[[Try to resist again|SerykLioraResistanceSuccess]]</div><div style="display: inline-block; margin: 10px;">[[Accept his assistance again|SerykLioraManaAssistAccept]]</div></div></div><<else>><div style="background: rgba(90,40,60,0.9); border: 1px solid rgba(160,120,140,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF69B4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Multiple Times: Potential Dependency ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*This is becoming routine now. When my mana runs low, I find myself looking for Seryk's help almost automatically.*</p><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">My Little Bird needs help again? You don't look surprised anymore when I offer.</span></p><div style="clear: left;"></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*His words hit close to the truth. I'm not shocked anymore. The treatment has proven effective, and part of me already anticipates it.*</p><img src="images/liora/facesadshortpink.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-liora">I'm not becoming dependent on this, am I? It's still just medical necessity.</span></p><div style="clear: left;"></div><img src="images/seryk/face.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"><p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-seryk">Of course it's medical, Little Bird. But there's nothing wrong with accepting effective treatment when you need it.</span></p><div style="clear: left;"></div><div style="text-align: center; margin: 25px 0;"><div style="display: inline-block; margin: 10px;">[[Try to resist the dependency|SerykLioraResistanceSuccess]]</div><div style="display: inline-block; margin: 10px;">[[Accept the assistance|SerykLioraManaAssistAccept]]</div></div></div><</if>></div></div> [[Return to the rest area|RestAreaContinue]] <<changeFace $currentLioraFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentLioraFace>><<set _currentAttraction = $liora_SerykAttraction || 0>><<set _currentLust = $liora_Lust || 0>><<set _currentSalivaFetish = $liora_SalivaFetish || 0>><<set _baseThreshold = 25>><<set _attractionPenalty = Math.floor(_currentAttraction / 10) * 5>><<set _lustPenalty = Math.floor(_currentLust / 20) * 5>><<set _salivaFetishPenalty = Math.floor(_currentSalivaFetish)>><<set _finalThreshold = _baseThreshold + _attractionPenalty + _lustPenalty + _salivaFetishPenalty>><<set _resistanceRoll = random(1, 100)>><<set _resistanceSuccess = _resistanceRoll >= _finalThreshold>> <<nobr>> <div class="resistance-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 700px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💪 Resistance Test 💪</p><p style="color: white; font-size: 1.1em;">Fighting Inner Temptation</p></div><div class="resistance-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><center><img src="images/liora/faceworried.webp" style="width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">🎲 Resistance Roll: <<print _resistanceRoll>> vs <<print _finalThreshold>></p><p style="color: #DDA0DD; text-align: center; margin: 10px 0;">Base Threshold: <<print _baseThreshold>></p><<if _attractionPenalty > 0>><p style="color: #FFB6C1; text-align: center; margin: 5px 0;">Attraction to Seryk: +<<print _attractionPenalty>> (<<print _currentAttraction.toFixed(1)>> attraction)</p><</if>><<if _lustPenalty > 0>><p style="color: #FF69B4; text-align: center; margin: 5px 0;">Current Lust: +<<print _lustPenalty>> (<<print _currentLust.toFixed(1)>> lust)</p><</if>><<if _salivaFetishPenalty > 0>><p style="color: #DDA0DD; text-align: center; margin: 5px 0;">Saliva Fetish: +<<print _salivaFetishPenalty>> (<<print _currentSalivaFetish.toFixed(1)>> fetish)</p><</if>><p style="color: white; text-align: center; margin: 15px 0; font-weight: bold;"><<if _resistanceSuccess>>SUCCESS - Resistance Holds!<<else>>FAILURE - Gives In to Temptation<</if>></p></div><<if _resistanceSuccess>><div style="background: rgba(60,120,60,0.9); border: 1px solid rgba(100,200,100,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #90EE90; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Successful Resistance ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Drawing on reserves of inner strength, I push back against the temptation. Despite my exhaustion and the memory of how effective his assistance was, I find the willpower to refuse.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceworried.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">No, Seryk. I need to learn to recover on my own. I can't keep depending on... that kind of help.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk nods with understanding and respect. He's not disappointed or pushy - just genuinely supportive of my decision.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">I respect that, Little Bird. Your resolve is admirable. Here, let me help you find a comfortable spot to rest and recover naturally.</span></div><div style="clear: left;"></div></div><center><img src="images/liora/facesmile.webp" style="width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I find a quiet spot to meditate and recover. As I focus on my breathing and inner magical reserves, I feel mana slowly returning. It takes longer, but there's a sense of personal pride in recovering through my own strength.*</p><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 20, $liora_combatStats.maxStamina || 80)>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Thank you for understanding, Seryk. I feel... better somehow.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we prepare to rejoin the others, I feel genuine accomplishment. I resisted a tempting easy solution and found my own path to recovery.*</p><<changeAffection "Liora" "Seryk" 1>><<changeAffection "Seryk" "Liora" 2>><<addSoulBlessing "liora" 1>><div style="background: rgba(144,238,144,0.2); border: 1px solid rgba(144,238,144,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"><p style="color: #90EE90; font-size: 0.9em; margin: 0;">💧 Liora recovers 20 MP through natural rest 💧</p><p style="color: #FFD700; font-size: 0.9em; margin: 5px 0;">✨ Soul blessing gained for independence! ✨</p></div></div><<else>><div style="background: rgba(120,60,60,0.9); border: 1px solid rgba(200,100,100,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF6347; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Resistance Fails - Gives In ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite my best efforts to resist, the combination of my physical exhaustion and the memory of how effective his assistance was overwhelms my willpower completely.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">*I... I can't fight it anymore. My body remembers how effective his treatment was.* "Please... help me."</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Seryk's expression shows understanding rather than satisfaction. He genuinely wants to help, not exploit my vulnerability.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">I understand, Little Bird. Let me help you.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My failed resistance makes the eventual acceptance feel more intense. The shame of giving in after trying to resist amplifies every sensation.*</p><<if not $serykLioraManaAssistCount>><<set $serykLioraManaAssistCount = 0>><</if>><<set $serykLioraManaAssistCount += 1>><<changeLust "Liora" 3>><<changeFetish "Liora" "SalivaFetish" 0.2>><<changeAttraction "Liora" "Seryk" 0.1>><<changeLust "Seryk" 2>><div style="background: rgba(144,238,144,0.2); border: 1px solid rgba(144,238,144,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"><p style="color: #FF6347; font-size: 0.9em; margin: 0;">💔 Resistance failed - accepting assistance... 💔</p></div><div style="text-align: center; margin: 25px 0;">[[Accept his assistance...|SerykLioraManaAssistAccept]]</div></div><</if>></div></div> [[Return to the rest area|RestAreaContinue]] <<changeFace $currentLioraFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentLioraFace>><<if not $serykLioraManaAssistCount>><<set $serykLioraManaAssistCount = 0>><</if>><<set $serykLioraManaAssistCount += 1>> <<nobr>> <div class="assistance-acceptance-container" style="background: linear-gradient(to bottom, rgba(139, 0, 139, 0.85), rgba(75, 0, 130, 0.9)); min-height: 700px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💧 Intimate Body Fluid Treatment 💧</p><p style="color: white; font-size: 1.1em;">Medical Assistance</p></div><div class="acceptance-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><center><img src="images/liora/faceembarrassedshortpink.webp" style="width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Whether through conscious choice or failed resistance, I find myself accepting Seryk's intimate assistance once again. The shame burns in my cheeks as I position myself to receive his body fluids, but my desperate need for mana recovery overrides my dignity.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Don't worry, Little Bird. I know this seems strange, but it's just medicine. Let me help you recover properly.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I tilt my head back and open my mouth, feeling the familiar mixture of shame and anticipation. Seryk positions himself carefully above me, his caring expression focused on helping me recover, not exploiting my vulnerability.*</p> <div style="background: rgba(80,60,100,0.9); border: 1px solid rgba(160,140,180,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF69B4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 1: Initial Contact ---</p><center><img src="images/liora/blightwood/saliva1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The first warm drop of his saliva hits my tongue, and my body responds immediately. That familiar bitter-then-sweet taste floods my senses - the unique properties of his saliva that makes it so effective for magical restoration.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite knowing it's medicine, the intimacy of the act is overwhelming. Having someone's saliva directly dripped into my mouth feels incredibly personal and vulnerable. My breathing becomes shallow as more drops follow, each one carrying that distinctive taste that my body is beginning to recognize and crave.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">That's good, Little Bird. I can see your color returning already. Try to relax and let your body absorb it properly.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Each swallow sends both magical energy and confusing sensations through my system. My body is definitely responding to the treatment, but there are other effects too - a warm tingling that spreads from my stomach outward, making me feel strangely aroused despite the medical nature of what we're doing.*</p><<quickFetishRoll "Liora" "SalivaFetish" "Seryk" 0.4>><<if _fetishSuccess>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">The taste... it's so much more intense than I expected. My body is responding in ways that feel... strange but not unpleasant.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't deny that my body is reacting powerfully to this intimate treatment. There's an undeniable arousal building alongside the magical restoration, making me feel conflicted about the experience. My nipples are becoming hard, and I can feel warmth building between my legs.*</p><<changeLust "Liora" 8>><<changeFetish "Liora" "SalivaFetish" 0.3>><<changeAttraction "Liora" "Seryk" 2>><<else>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">This is so embarrassing... I know it's medicine, but having your saliva in my mouth feels so... intimate.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I force myself to focus on the medical necessity, trying to ignore the more confusing aspects of this treatment. Still, I can't completely suppress my body's growing familiarity with the process, or the way my pulse quickens with each drop.*</p><<changeLust "Liora" 5>><<changeFetish "Liora" "SalivaFetish" 0.1>><<changeAttraction "Liora" "Seryk" 1>><</if>></div> <div style="background: rgba(90,70,110,0.9); border: 1px solid rgba(170,150,190,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 2: Deeper Administration ---</p><center><img src="images/liora/blightwood/saliva2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*For the second phase, Seryk moves closer, positioning himself so he can deliver a more substantial amount. The intimacy increases dramatically as he leans over me, his face now only inches from mine. I can feel the heat radiating from his body as he concentrates on the treatment.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can feel his breath on my face, smell his masculine scent mixed with the subtle sweat that seem to make my head spin. Every sense is heightened as he continues the treatment, making the experience incredibly intense and deeply personal.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">This next dose will be more concentrated, Little Bird. It might feel intense, but it's necessary for full recovery. Trust me.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*A larger amount of his saliva flows into my mouth this time - warm and thick. I have to swallow more frequently to keep up with the flow, the taste becoming more pronounced and somehow more addictive with each gulp.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The effects are immediate and powerful. Magical energy surges through me, but so does a confusing mix of other sensations. My body is responding in ways that go far beyond simple medical treatment - there's an undeniable sexual tension building.*</p><<if _fetishSuccess>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Oh my... this feels so much more intense! My whole body is tingling. Is this normal for the treatment?</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can feel warmth and arousal building throughout my body. This intimate exchange is affecting me in ways I didn't expect, creating confusion between medical necessity and growing desire. My breathing becomes more labored, and I can feel myself getting wet.*</p><<changeLust "Liora" 5>><<changeAttraction "Liora" "Seryk" 1>><<else>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">This is working amazingly well, but being this close while you... it's very overwhelming.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to focus on the medical benefits while managing the overwhelming intimacy of the situation. Still, I can't deny that my body is responding positively to both the treatment and Seryk's caring presence.*</p><</if>></div> <div style="background: rgba(100,80,120,0.9); border: 1px solid rgba(180,160,200,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF69B4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Phase 3: Complete Treatment ---</p><center><img src="images/liora/blightwood/saliva3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*For the final phase, Seryk positions himself even closer for maximum effectiveness. This level of intimacy is almost overwhelming - his presence surrounds me completely as he prepares to deliver the final, most concentrated dose. I can feel the heat from his body, see the genuine care in his eyes.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*His caring expression never wavers, focused entirely on ensuring my complete recovery. Even in this incredibly intimate position, he maintains his professional demeanor while providing the most effective treatment possible. Yet there's an undeniable tension between us now.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">This final dose will complete your recovery, Little Bird. I'll give you a whole lot for treatment at once. Just breathe and let it work through your system.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The final administration is the most intense yet. A steady, generous flow of his saliva fills my mouth, requiring continuous swallowing. Each gulp sends powerful waves of both magical restoration and overwhelming sensations through my entire body. The taste is now familiar, almost comforting.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My mana reserves are completely restored, but the side effects are undeniable. The intimate nature of this treatment has awakened responses in my body that go far beyond simple medical necessity. I'm breathing heavily, my body flushed and aroused from the prolonged intimate contact.*</p><<if _fetishSuccess>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">I can't believe how incredible this feels... my whole body is responding so intensely. This treatment is affecting me in ways I never expected.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*By the treatment's conclusion, I'm breathing heavily, my entire body flushed with both restored energy and intense arousal. I can't deny that this intimate exchange has affected me deeply. My underwear is completely soaked, and I'm struggling to control the overwhelming sensations.*</p><<changeLust "Liora" 8>><<changeFetish "Liora" "SalivaFetish" 0.2>><<changeAttraction "Liora" "Seryk" 2>><<else>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/faceembarrassedshortpink.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">The treatment is incredibly effective... I feel completely restored. Thank you for helping me, even though this was so embarrassing.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As the treatment concludes, I'm left feeling both grateful and confused. My mana is fully restored, but the intimate nature of the experience has left me with complicated feelings and undeniable arousal.*</p><</if>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As we prepare to rejoin the others, I feel the familiar mixture of restored energy and complex emotions. Seryk's treatment is undeniably effective, but the growing intimacy of these exchanges is something I'm still trying to understand. The taste of his saliva lingers on my tongue, and I find myself already anticipating the next time I might need his... assistance.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Perfect recovery, Little Bird. Your color looks much better now. Are you feeling ready to continue?</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/liora/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-liora">Yes, I feel completely restored. Thank you for your help, Seryk. This treatment really is remarkably effective.</span></div><div style="clear: left;"></div></div></div><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 40, $liora_combatStats.maxStamina || 80)>><<changeLust "Seryk" 3>><<changeAffection "Liora" "Seryk" 2>><<changeAffection "Seryk" "Liora" 3>><<changeAttraction "Seryk" "Liora" 1>><<if $serykxliorantr === true>><<set $serykxliorantr = "stage1">><</if>><div style="background: rgba(144,238,144,0.2); border: 1px solid rgba(144,238,144,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"><p style="color: #90EE90; font-size: 0.9em; margin: 0;">💧 Liora recovers 40 MP from Seryk's treatment 💧</p></div></div></div> [[Return to the rest area|RestAreaContinue]] <<changeFace $currentLioraFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>> Nimeria: <<print $nimeria_rylanHandjobChapter4>> Serin: <<print $serinChapter4MasturbationPunishment>> <<set $currentFace = $currentRylanFace>> <<nobr>> <div class="masturbation-container" style="background: linear-gradient(to bottom, rgba(106, 90, 205, 0.85), rgba(138, 43, 226, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💦 Private Relief 💦</p><p style="color: white; font-size: 1.1em;">Desperate Need</p></div><div class="masturbation-content" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><center><img src="images/landscapes/secludedarea.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The dungeonous atmosphere and recent events have left me in a state of desperate arousal. My body aches with need, and the rest area offers just enough privacy for relief. I find a secluded corner behind some ancient stone pillars.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't take it anymore. Every interaction, every sight, every scent has been building this tension. My hands shake as I quickly check that the others are occupied elsewhere before giving in to my body's demands.*</p><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Private Moment ---</p><center><img src="images/rylan/masturbate/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I quickly free myself from my pants, my arousal already at its peak from the built-up tension. The relief of finally being able to address my body's needs is immediate and overwhelming.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*My mind races with images from recent encounters - the intimate moments that have been driving me wild. Each memory fuels my desperate need for release.*</p><<if $serinChapter2ArmpitSeen === true>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #ff69b4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Serin's Domination ---</p><center><img src="images/serin/chapter2/morningactivities/lickingarmpit3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*I remember being lost in that intoxicating trance, my tongue exploring her armpit while she held me captive. The musky taste, the overwhelming scent that drove me wild...*</p><center><img src="images/serin/chapter2/morningactivities/feet/7.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*And then her feet... those pantyhose-covered soles pressed against my face, the damp fabric and her commanding voice as I climaxed completely from just her scent...*</p></div><<changeFetish "Rylan" "feetFetish" 0.1>><<changeFetish "Rylan" "SmellFetish" 0.1>><</if>><<if $rylanRomanceMariel === true>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #ff69b4; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Mariel's Desperate Need ---</p><center><img src="images/mariel/chapter3/nightactivities1/11.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*Mariel's passionate kisses flood my memory - her desperate need, the way she mistook me for Thalor, the guilt and arousal warring in my mind as she pushed me onto the bed...*</p></div><<changeFetish "Rylan" "SalivaFetish" 0.1>><</if>><<if $serykMorningBathScene === true>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #87CEEB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Seryk's Masculine Power ---</p><center><img src="images/seryk/chapter2/morningactivities/cockslap2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*The bath scene plays vividly - Seryk's impressive member slapping across my face as he stood up, his masculine scent overwhelming me as I climaxed uncontrollably from just that contact...*</p></div><<changeFetish "Rylan" "MuscleFetish" 0.1>><<changeFetish "Rylan" "GayValue" 0.1>><</if>><<if $nimeriaxrylancontent == true && ($nimeria_RylanSitOnLap || 0) > 0>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #DDA0DD; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Nimeria's Mysterious Allure ---</p><center><img src="images/nimeria/chapter2/morningactivities/sitonlap.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*Nimeria sitting on my lap, her mysterious smile and intoxicating presence. There's something about her that makes my body react in ways I don't understand...*</p></div><<changeFetish "Rylan" "SubmissionFetish" 0.1>><</if>><<if ($rylan_LioraFootSmelled || false) === true>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FFB6C1; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Liora's Innocent Temptation ---</p><center><img src="images/liora/blightwood/thigh2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin-bottom: 15px;"></center><p style="color: white; line-height: 1.6; margin: 10px 0; font-style: italic;">*Liora's exposed thigh during our intimate moments, her innocent reactions to my touches. The way she trusted me completely, not knowing the effect she was having on me...*</p></div><<changeFetish "Rylan" "ThighFetish" 0.1>><</if>><<if !$serinChapter2PunishmentSeen && !$rylanRomanceMariel && !$serykMorningBathScene && !($nimeria_RylanSitOnLap > 0) && !$rylan_LioraFootSmelled>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*All the intimate encounters and teasing moments play through my mind, each memory intensifying my desperate need for relief.*</p><</if>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I work frantically, my body responding eagerly after so much built-up tension. The fear of being discovered only adds to the intensity, making every sensation more acute.*</p></div><<set _discoveryRoll = random(1, 100)>><<set _possibleDiscoverers = []>><<if $serinChapter4MasturbationPunishment === true>><<set _possibleDiscoverers.push("Serin")>><</if>><<if $nimeria_rylanHandjobChapter4 === true>><<set _possibleDiscoverers.push("Nimeria")>><</if>><<if ($rylan_GayValue || 0) > 1>><<set _possibleDiscoverers.push("Seryk")>><</if>><<if _discoveryRoll <= 60 && _possibleDiscoverers.length > 0>><<set _discoverer = _possibleDiscoverers.random()>><<if _discoverer === "Serin">><div style="background: rgba(139,0,0,0.3); border: 1px solid rgba(220,20,60,0.5); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF6347; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Discovered by Serin! ---</p><center><img src="images/serin/facesmirk.webp" style="width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Just as I'm getting close, I hear familiar footsteps. My heart stops as Serin rounds the corner, her eyes immediately taking in the scene with that predatory grin I've come to know too well.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmirk.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">Well, well... what do we have here? My little pervert can't even wait until we're home. How pathetic... and exciting.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;"> *Instead of retreating, she steps closer, her eyes gleaming with mischievous intent. The memory of our previous encounters floods back, and I can see that same dominant hunger in her expression.*<div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facelaugh.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">You know what? I think I should help you. After all, you clearly need proper guidance to finish what you started. Want to see something that'll really help you climax?</span></div><div style="clear: left;"></div></div><<set _currentLust = $rylan_Lust || 0>><<set _currentAttraction = $rylan_SerinAttraction || 0>><<set _currentArmpitFetish = $rylan_ArmpitFetish || 0>><<set _currentSmellFetish = $rylan_SmellFetish || 0>><<set _currentBreastFetish = $rylan_BreastFetish || 0>><<set _currentSubmissionFetish = $rylan_SubmissionFetish || 0>><<set _baseTarget = 20>><<set _lustBonus = Math.floor(_currentLust / 20) * 5>><<set _attractionBonus = Math.floor(_currentAttraction / 10) * 3>><<set _armpitBonus = Math.floor(_currentArmpitFetish)>><<set _smellBonus = Math.floor(_currentSmellFetish)>><<set _breastBonus = Math.floor(_currentBreastFetish)>><<set _submissionBonus = Math.floor(_currentSubmissionFetish)>><<set _finalTarget = Math.min(80, _baseTarget + _lustBonus + _attractionBonus + _armpitBonus + _smellBonus + _breastBonus + _submissionBonus)>><<set _resistanceRoll = random(1, 100)>><<set _tempRollSuccess = _resistanceRoll > _finalTarget>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px; margin: 15px 0; font-family: monospace;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 10px;">🎲 Resistance to Temptation: <<print _resistanceRoll>> vs <<print _finalTarget>> <<if _tempRollSuccess>>(Success)<<else>>(Failure)<</if>></p><p style="color: white; font-size: 0.9em; margin: 5px 0;">Base: <<print _baseTarget>> | Lust: +<<print _lustBonus>> | Attraction: +<<print _attractionBonus>> | Armpit: +<<print _armpitBonus>> | Smell: +<<print _smellBonus>> | Breast: +<<print _breastBonus>> | Submission: +<<print _submissionBonus>></p></div><<if not _tempRollSuccess>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The combination of embarrassment, arousal, and her dominant presence overwhelms my resistance completely. I find myself nodding, unable to form words.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmirk.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">That's my good boy. Now watch carefully...</span></div><div style="clear: left;"></div></div><center><img src="images/serin/blightwood/masturbationdiscover/breasts.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Without hesitation, she begins to strip, revealing her perfect breasts and toned body. The sight of her exposed skin in the dangerous environment makes the moment incredibly intense.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">You want to smell them, don't you? My sweaty armpits after all this traveling? Come closer and take a deep breath while you stroke yourself.</span></div><div style="clear: left;"></div></div><<quickRoll "Armpit Temptation" "Rylan" 65 10 "armpitFetish" 5>><<if not _tempRollSuccess>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I can't resist her command. The musky, feminine scent emanating from her exposed armpits is intoxicating. I lean closer, inhaling deeply as her natural pheromones fill my senses completely.*</p><center><img src="images/serin/blightwood/masturbationdiscover/breasts.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The combination of her visual dominance and that overwhelming scent drives me wild. I stroke myself faster, completely lost in the moment as her armpit musk becomes my entire world.*</p><<changeFetish "Rylan" "armpitFetish" 0.3>><<changeAttraction "Rylan" "Serin" 0.1>><<else>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I try to maintain some distance, but the sight of her exposed body and the faint scent still reaches me. Even while trying to resist, I can't deny the effect she's having on me.*</p><center><img src="images/serin/chapter4/masturbationpunishment/12.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite my attempt at resistance, her commanding presence and exposed body continue to fuel my arousal. I stroke myself while trying to maintain control, but her dominance is overwhelming.*</p><<changeFetish "Rylan" "armpitFetish" 0.1>><<changeAttraction "Rylan" "Serin" 0.1>><</if>><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facesmirk.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">That's it, my little pet. Breathe it all in. Let my scent become part of you. You're going to think about this every time you touch yourself from now on.</span></div><div style="clear: left;"></div></div><center><img src="images/serin/blightwood/masturbationdiscover/armpits.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her words push me to the absolute edge. The combination of her scent, her exposed body, her dominant commands, and the thrill of being caught in this compromising position creates an overwhelming sensory overload that I can no longer resist.*</p><<run window.AudioSystem.playSFX('hsounds/cum.mp3')>><center><img src="images/rylan/masturbate/cumming.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The climax is incredibly intense, amplified by her scent, her visual stimulation, and the thrill of being dominated even in this semi-public setting. I shudder with the force of the orgasm.*</p><<changeLust "Rylan" -100>><<changeLust "Serin" 15>><<changeFetish "Rylan" "smellFetish" 0.3>><<changeFetish "Rylan" "exhibitionismFetish" 0.4>><<changeFetish "Rylan" "submissionFetish" 0.3>><<changeFetish "Serin" "exhibitionismFetish" 0.3>><<changeAttraction "Rylan" "Serin" 1>><<changeAttraction "Serin" "Rylan" 2>><<changeAffection "Serin" "Rylan" 2>><<else>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite the temptation, I manage to maintain some composure and shake my head, quickly covering myself.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">N-no, Serin. I just... I need to handle this privately. Please go back to the others.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/serin/facelaugh.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-serin">How disappointing. But I'll remember this moment, $humanName. Next time you might not have a choice.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She leaves with that predatory smile, and I quickly finish in privacy, though the encounter with her has left me more aroused than before.*</p><<changeLust "Rylan" -50>><<changeFetish "Rylan" "exhibitionismFetish" 0.1>><<changeAttraction "Serin" "Rylan" 1>><</if>><<elseif _discoverer === "Nimeria">> <div style="background: rgba(139,0,0,0.3); border: 1px solid rgba(220,20,60,0.5); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF6347; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Discovered by Nimeria! ---</p><center><img src="images/nimeria/face.webp" style="width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As I approach my peak, I suddenly sense a familiar presence. Nimeria appears silently, her innocent smile hiding the mysterious depths I've come to recognize.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Oh my, $humanName... such desperate need. You know, I could help you with that. My hands are quite skilled...</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her offer hangs in the air, and I remember our previous intimate encounter. There's something hypnotic about her presence that makes resistance difficult.*</p><<set _currentLust = $rylan_Lust || 0>><<set _currentAttraction = $rylan_NimeriaAttraction || 0>><<set _currentSmellFetish = $rylan_SmellFetish || 0>><<set _currentBreastFetish = $rylan_BreastFetish || 0>><<set _currentArmpitFetish = $rylan_ArmpitFetish || 0>><<set _baseTarget = 25>><<set _lustBonus = Math.floor(_currentLust / 20) * 5>><<set _attractionBonus = Math.floor(_currentAttraction / 10) * 3>><<set _smellBonus = Math.floor(_currentSmellFetish)>><<set _breastBonus = Math.floor(_currentBreastFetish)>><<set _armpitBonus = Math.floor(_currentArmpitFetish)>><<set _finalTarget = Math.min(80, _baseTarget + _lustBonus + _attractionBonus + _smellBonus + _breastBonus + _armpitBonus)>><<set _resistanceRoll = random(1, 100)>><<set _tempRollSuccess = _resistanceRoll > _finalTarget>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 15px; margin: 15px 0; font-family: monospace;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 10px;">🎲 Resistance to Temptation: <<print _resistanceRoll>> vs <<print _finalTarget>> <<if _tempRollSuccess>>(Success)<<else>>(Failure)<</if>></p><p style="color: white; font-size: 0.9em; margin: 5px 0;">Base: <<print _baseTarget>> | Lust: +<<print _lustBonus>> | Attraction: +<<print _attractionBonus>> | Smell: +<<print _smellBonus>> | Breast: +<<print _breastBonus>> | Armpit: +<<print _armpitBonus>></p></div><<if not _tempRollSuccess>> <p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Unable to resist her mysterious allure and remembering how incredible her touch felt before, I nod weakly.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facesmile.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">There's a good boy. Just relax and let me take care of everything...</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Without breaking eye contact, she begins to slowly remove her white dress, the fabric sliding down her pale skin with deliberate sensuality. My breathing becomes heavier as I watch her undress in front of me.*</p><center><img src="images/nimeria/blightwood/masturbationdiscover/undressing.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The white dress falls to the ground, revealing her incredible body clad only in sheer black pantyhose. The contrast of the dark fabric against her pale skin is mesmerizing, and I can see every curve of her form through the translucent material.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/facewet.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">Much better... now I can properly take care of you. These pantyhose feel so smooth against my skin, don't you think?</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She kneels beside me, her body barely covered by the sheer black pantyhose that clings to every curve. The sight of her nearly naked form is overwhelming, and I can barely think straight as she reaches for me.*</p><center><img src="images/nimeria/blightwood/masturbationdiscover/1.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Her soft, skilled hands replace mine, and the sensation is immediately more intense. There's something almost supernatural about her touch that sends waves of pleasure through my entire body. The feeling of her nearly naked body so close to mine makes it even more intense.*</p><center><img src="images/nimeria/blightwood/masturbationdiscover/2.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She works me with expert precision, her mysterious smile never wavering as she brings me to the most intense climax I've ever experienced. Her otherworldly presence and the sight of her in just those black pantyhose amplifies every sensation to an almost unbearable level.*</p> <<set _rylanCumAmount = setup.getStat("Rylan", "body", "cumAmount")>><<if not $rylan_cumOnOthersMl>><<set $rylan_cumOnOthersMl = 0>><</if>><<if not $nimeria_cumOnBodyMl>><<set $nimeria_cumOnBodyMl = 0>><</if>><<if not $rylan_NimeriaCumOnOthersMl>><<set $rylan_NimeriaCumOnOthersMl = 0>><</if>><<if not $Nimeria_RylanCumOnBodyMl>><<set $Nimeria_RylanCumOnBodyMl = 0>><</if>><<set $rylan_cumOnOthersMl += _rylanCumAmount>><<set $rylan_NimeriaOrgasmsReceived = ($rylan_NimeriaOrgasmsReceived or 0) + 1>><<set $nimeria_RylanOrgasmsGiven = ($nimeria_RylanOrgasmsGiven or 0) + 1>><<set $rylan_NimeriaHandjobTakenCount = ($rylan_NimeriaHandjobTakenCount or 0) + 1>><<set $nimeria_RylanHandjobCount = ($nimeria_RylanHandjobCount or 0) + 1>><center><img src="images/nimeria/blightwood/masturbationdiscover/3.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<run window.AudioSystem.playSFX('hsounds/cum.mp3')>><center><img src="images/rylan/masturbate/cumming.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><<changeLust "Rylan" -100>><<changeLust "Nimeria" 10>><<changeFetish "Rylan" "submissionFetish" 0.3>><<changeAttraction "Rylan" "Nimeria" 2>><<changeAttraction "Nimeria" "Rylan" 2>><<changeAffection "Nimeria" "Rylan" 3>><<set $nimeria_RylanHandjobDoneCount = ($nimeria_RylanHandjobDoneCount || 0) + 1>><<set $rylan_handjobTakenCount = ($rylan_handjobTakenCount || 0) + 1>><<set $nimeria_handjobDoneCount = ($nimeria_handjobDoneCount || 0) + 1>><<set $rylan_handjobExperience = ($rylan_handjobExperience || 0) + 1>><<set $nimeria_handjobExperience = ($nimeria_handjobExperience || 0) + 1>><<set $nimeria_cumOnBodyAmount = ($nimeria_cumOnBodyAmount || 0) + ($rylan_cumAmount || 15)>><<set $nimeria_cumOnBodyCount = ($nimeria_cumOnBodyCount || 0) + 1>><<set $rylan_cumOnOthersAmount = ($rylan_cumOnOthersAmount || 0) + ($rylan_cumAmount || 15)>><<set $rylan_cumOnOthersCount = ($rylan_cumOnOthersCount || 0) + 1>><<else>><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Despite the temptation, I manage to shake my head and pull back slightly.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/rylan/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-rylan">I... I appreciate the offer, Nimeria, but I should handle this myself.</span></div><div style="clear: left;"></div></div><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/nimeria/face.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-nimeria">As you wish, $humanName. But remember, I'm always here if you need... assistance.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*She disappears as quietly as she arrived, leaving me to finish alone, though thoughts of her mysterious offer linger in my mind.*</p><<changeLust "Rylan" -70>><<changeFetish "Rylan" "submissionFetish" 0.1>><<changeAttraction "Nimeria" "Rylan" 1>><</if>></div><<elseif _discoverer === "Seryk">><div style="background: rgba(139,0,0,0.3); border: 1px solid rgba(220,20,60,0.5); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #FF6347; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Discovered by Seryk! ---</p><center><img src="images/seryk/faceembarrassed.webp" style="width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Just as I'm getting close, I hear heavy footsteps. My heart nearly stops as Seryk rounds the corner, his eyes widening as he takes in the scene.*</p><div class="speaker-block" style="margin-bottom: 20px;"><img src="images/seryk/faceembarrassed.webp" style="width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;"><div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 110px;"><span class="dialog-seryk">Oh... sorry bro! I'll just... I'll go away. Don't mind me, just continue what you were doing.</span></div><div style="clear: left;"></div></div><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*He starts to turn away, but something inside me - some confusing impulse - makes me want him to stay. The thought surprises me, but my growing attraction to his masculine presence seems to override my embarrassment.*</p><div style="text-align: center; margin: 25px 0;"><div style="display: inline-block; margin: 10px;">[[Ask him to pose for you|RylanMasturbationStop]]</div><div style="display: inline-block; margin: 10px;">[[Try to resist asking him to stay|RylanMasturbationResist]]</div></div></div><</if>><<else>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Uninterrupted Relief ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*Fortunately, my secluded spot remains private. The built-up tension from all the recent encounters reaches its peak, and I finally achieve the release my body desperately needed.*</p> <center><img src="images/rylan/masturbate/cumming.webp" style="width: 500px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*The orgasm is incredibly intense after so much buildup. Wave after wave of pleasure washes over me as months of tension finally find release. I lean against the stone wall, breathing heavily as the overwhelming satisfaction settles in.*</p><<changeLust "Rylan" -100>><<trackOther "Rylan" "MasturbationCount" 1>></div><</if>><div style="background: rgba(60,60,70,0.9); border: 1px solid rgba(120,120,130,0.4); border-radius: 8px; padding: 20px; margin: 20px 0;"><p style="color: #9370DB; font-weight: bold; text-align: center; margin-bottom: 15px;">--- Aftermath ---</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*As the intense pleasure fades, I quickly clean myself up and adjust my clothing. The relief is enormous - the desperate tension that had been building finally releases, leaving me feeling much more centered and able to focus.*</p><p style="color: white; line-height: 1.6; margin: 20px 0; font-style: italic;">*I take a few deep breaths to compose myself before rejoining the others, hoping no one notices my slightly flushed appearance. The rest area has certainly served its purpose for recovery in more ways than one.*</p><<set $rylan_Lust = 0>><<trackOther "Rylan" "MasturbationCount" 1>><div style="background: rgba(144,238,144,0.2); border: 1px solid rgba(144,238,144,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"><p style="color: #90EE90; font-size: 0.9em; margin: 0;">💦 Rylan's lust completely relieved 💦</p></div></div></div></div> [[Return to the group|RestAreaContinue]] <<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('intimate.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="secret-transition-container" style="background: linear-gradient(45deg, rgba(75, 0, 130, 0.95), rgba(139, 0, 139, 0.95), rgba(75, 0, 130, 0.95)); min-height: 100vh; padding: 40px; border-radius: 15px; border: 2px solid rgba(255,255,255,0.2); position: relative; overflow: hidden;"><div class="floating-particles" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;"><div style="position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.6); border-radius: 50%; animation: float 8s infinite ease-in-out; top: 20%; left: 10%;"></div><div style="position: absolute; width: 3px; height: 3px; background: rgba(255,255,255,0.4); border-radius: 50%; animation: float 6s infinite ease-in-out 2s; top: 60%; left: 80%;"></div><div style="position: absolute; width: 5px; height: 5px; background: rgba(255,255,255,0.5); border-radius: 50%; animation: float 10s infinite ease-in-out 4s; top: 80%; left: 30%;"></div></div><div class="transition-content" style="position: relative; z-index: 2; text-align: center;"><div class="fade-text-1" style="opacity: 0; animation: fadeInOut 4s ease-in-out;"><p style="color: #FFB6C1; font-size: 1.6em; font-weight: bold; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">As you rest...</p><p style="color: white; font-size: 1.2em; line-height: 1.8; margin-bottom: 40px; font-style: italic;">*You focus on recovering your strength, unaware of what's happening nearby...*</p></div><div class="fade-text-2" style="opacity: 0; animation: fadeInOut 4s ease-in-out 3s;"><p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">In the shadows...</p><p style="color: white; font-size: 1.2em; line-height: 1.8; margin-bottom: 40px; font-style: italic;">*Seryk notices Liora's exhausted state and approaches her quietly...*</p></div><div class="fade-text-3" style="opacity: 0; animation: fadeInOut 4s ease-in-out 6s;"><p style="color: #FF69B4; font-size: 1.4em; font-weight: bold; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Behind your back...</p><p style="color: white; font-size: 1.2em; line-height: 1.8; margin-bottom: 40px; font-style: italic;">*Something intimate is about to happen without your knowledge...*</p></div><div class="continue-button" style="opacity: 0; animation: fadeIn 2s ease-in-out 8s forwards;"><div style="background: rgba(45,45,50,0.9); border: 2px solid rgba(255,20,147,0.6); border-radius: 10px; padding: 15px; margin: 20px auto; width: 500px;">[[Continue →|SerykLioraManaAssist]]</div></div></div></div> <style> @keyframes fadeInOut { 0% { opacity: 0; transform: translateY(20px); } 20% { opacity: 1; transform: translateY(0); } 80% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @keyframes fadeIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.5; } 50% { transform: translateY(-20px) rotate(180deg); opacity: 1; } } </style> <<timed 10s>><<goto "SerykLioraManaAssist">><</timed>> <</nobr>>

<<include "DynamicFetishEvents">> <<script>>window.AudioSystem.playBGM('forestofbeginningnorth.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <<set _eventType = Math.random() < 0.5 ? "blightwood" : "fetish">> <<if _eventType === "blightwood">> <<if not $blightwoodEventsSeen>><<set $blightwoodEventsSeen = []>><</if>> <<if $blightwoodEventsSeen.length >= 5>><<set $blightwoodEventsSeen = []>><</if>> <<set _eventWeights = []>> <<for _i = 1; _i <= 5; _i++>> <<if $blightwoodEventsSeen.includes(_i)>> <<set _eventWeights.push({event: _i, weight: 1})>> <<else>> <<set _eventWeights.push({event: _i, weight: 50})>> <</if>> <</for>> <<set _totalWeight = 0>> <<for _i = 0; _i < _eventWeights.length; _i++>> <<set _totalWeight += _eventWeights[_i].weight>> <</for>> <<set _randomValue = random(1, _totalWeight)>> <<set _runningTotal = 0>> <<set _selectedEvent = 1>> <<for _i = 0; _i < _eventWeights.length; _i++>> <<set _runningTotal += _eventWeights[_i].weight>> <<if _randomValue <= _runningTotal>> <<set _selectedEvent = _eventWeights[_i].event>> <<break>> <</if>> <</for>> <<set $blightwoodEventsSeen.pushUnique(_selectedEvent)>> <<if _selectedEvent === 1>><<goto "BlightwoodEvent1">><<elseif _selectedEvent === 2>><<goto "BlightwoodEvent2">><<elseif _selectedEvent === 3>><<goto "BlightwoodEvent3">><<elseif _selectedEvent === 4>><<goto "BlightwoodEvent4">><<else>><<goto "BlightwoodEvent5">><</if>> <<else>> <<dynamicFetishEvent>> <</if>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="battle-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="battle-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(139, 0, 0, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">⚔️ Combat Encounter ⚔️</p></div><img src="images/enemies/blackslimes.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div class="battle-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*A group of blighted slimes emerges from the corrupted undergrowth, their bodies pulsing with toxic energy. Battle is inevitable!*</p></div><<set _battleRoll = random(1, 100)>><<set _partyPower = (($rylan_combatStats.physicalPower || 10) + ($serin_combatStats.agility || 12) + ($liora_combatStats.willpower || 12) + ($mariel_combatStats.technique || 10) + ($seryk_combatStats.physicalPower || 16) + ($nimeria_combatStats.perception || 14)) / 6>><<battleRollDisplay _battleRoll 50 _partyPower>><div id="battleResults" style="display: none;"><<if _battleRoll >= 80>><<applyBattleDamage 0.5>><<set _goldGained = random(10, 30)>><<set _crystalsGained = random(1, 3)>><<set $gold += _goldGained>><<set $crystals += _crystalsGained>><<set _allMembers = ["rylan", "liora", "serin", "mariel", "seryk", "nimeria"]>><<for _i = 0; _i < _allMembers.length; _i++>><<set _member = _allMembers[_i]>><<set _randomStat = either(["physicalPower", "agility", "willpower", "technique", "perception", "focus", "vitality"])>><<trackCombatStat _member _randomStat 1>><</for>><div class="battle-result perfect" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(144,238,144,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #90EE90; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎯 Perfect Execution! 🎯</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your coordinated assault overwhelms the slimes before they can mount an effective defense!*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold, _crystalsGained Crystals</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Everyone gains +1 to a random combat stat!</p></div><<elseif _battleRoll >= 40>><<applyBattleDamage 1.0>><<set _goldGained = random(10, 30)>><<set _crystalsGained = random(1, 3)>><<set $gold += _goldGained>><<set $crystals += _crystalsGained>><<set _allMembers = ["rylan", "liora", "serin", "mariel", "seryk", "nimeria"]>><<for _i = 0; _i < _allMembers.length; _i++>><<set _member = _allMembers[_i]>><<set _randomStat = either(["physicalPower", "agility", "willpower", "technique", "perception", "focus", "vitality"])>><<trackCombatStat _member _randomStat 1>><</for>><div class="battle-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,215,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFD700; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Victory! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*After a fierce battle, you emerge victorious over the corrupted slimes.*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold, _crystalsGained Crystals</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Everyone gains +1 to a random combat stat!</p></div><<else>><<applyBattleDamage 1.5>><<set _goldGained = random(10, 30)>><<set _crystalsGained = random(1, 3)>><<set $gold += _goldGained>><<set $crystals += _crystalsGained>><<set _allMembers = ["rylan", "liora", "serin", "mariel", "seryk", "nimeria"]>><<for _i = 0; _i < _allMembers.length; _i++>><<set _member = _allMembers[_i]>><<set _randomStat = either(["physicalPower", "agility", "willpower", "technique", "perception", "focus", "vitality"])>><<trackCombatStat _member _randomStat 1>><</for>><div class="battle-result difficult" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,69,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FF6347; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚠️ Hard-Fought Victory ⚠️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The battle was brutal and costly, but you managed to overcome the slimes.*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold, _crystalsGained Crystals</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Everyone gains +1 to a random combat stat!</p></div><</if>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> </div></div></div><<timed 1s>><<run $("#battleResults").show()>><</timed>><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="training-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="training-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(147, 112, 219, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">✨ Training Opportunity ✨</p></div><img src="images/landscapes/ancientgrounds.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div class="training-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You discover ancient training grounds hidden within the corrupted forest. The party can focus and learn from this place of power.*</p></div><<set _trainingRoll = random(1, 100)>><<set _partyFocus = (($rylan_combatStats.willpower || 9) + ($serin_combatStats.willpower || 8) + ($liora_combatStats.willpower || 12) + ($mariel_combatStats.willpower || 13) + ($seryk_combatStats.willpower || 14) + ($nimeria_combatStats.willpower || 15)) / 6>><<trainingRollDisplay _trainingRoll 50 _partyFocus>><div id="trainingResults" style="display: none;"><<if _trainingRoll >= 80>><div class="training-result perfect" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(147,112,219,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #9370DB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎯 Perfect Learning! 🎯</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your focused training session unlocks hidden potential in all party members!*</p><p style="color: #9370DB; text-align: center; font-size: 1.1em; margin: 5px 0;">All party members gain +2 to a random combat stat</p></div><<set $rylan_combatStats.physicalpower += 2>><<set $liora_combatStats.technique += 2>><<set $serin_combatStats.agility += 2>><<set $mariel_combatStats.willpower += 2>><<set $seryk_combatStats.physicalpower += 2>><<set $nimeria_combatStats.perception += 2>><<elseif _trainingRoll >= 40>><div class="training-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(147,112,219,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #9370DB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Good Progress! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The training session yields solid results for everyone involved.*</p><p style="color: #9370DB; text-align: center; font-size: 1.1em; margin: 5px 0;">All party members gain +1 to a random combat stat</p></div><<set $rylan_combatStats.technique += 1>><<set $liora_combatStats.willpower += 1>><<set $serin_combatStats.physicalpower += 1>><<set $mariel_combatStats.perception += 1>><<set $seryk_combatStats.agility += 1>><<set $nimeria_combatStats.willpower += 1>><<else>><div class="training-result difficult" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,165,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFA500; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚠️ Slow Learning ⚠️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The corrupted atmosphere makes concentration difficult, but some learning still occurs.*</p><p style="color: #9370DB; text-align: center; font-size: 1.1em; margin: 5px 0;">All party members gain small stat improvements</p></div><<set $rylan_combatStats.willpower += 0.5>><<set $liora_combatStats.perception += 0.5>><<set $serin_combatStats.technique += 0.5>><<set $mariel_combatStats.willpower += 0.5>><<set $seryk_combatStats.physicalpower += 0.5>><<set $nimeria_combatStats.willpower += 0.5>><</if>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> </div></div></div><<timed 1s>><<run $("#trainingResults").show()>><</timed>><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="treasure-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="treasure-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 215, 0, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💰 Treasure Discovery 💰</p></div><img src="images/items/goldchest.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div class="treasure-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You discover an ancient treasure chest hidden beneath twisted roots. It requires careful teamwork to unlock safely without triggering any traps.*</p></div><<set _treasureRoll = random(1, 100)>><<set _partySkill = (($rylan_combatStats.technique || 8) + ($serin_combatStats.agility || 12) + ($liora_combatStats.perception || 9) + ($mariel_combatStats.technique || 10) + ($seryk_combatStats.technique || 11) + ($nimeria_combatStats.perception || 14)) / 6>><<treasureRollDisplay _treasureRoll 50 _partySkill>><div id="treasureResults" style="display: none;"><<if _treasureRoll >= 80>><<set _goldGained = random(25, 50)>><<set $gold += _goldGained>><div class="treasure-result perfect" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,215,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFD700; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎯 Perfect Discovery! 🎯</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your skilled approach disables all traps and reveals a hidden compartment with bonus treasure!*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold</p></div><<elseif _treasureRoll >= 40>><<set _goldGained = random(15, 30)>><<set $gold += _goldGained>><div class="treasure-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,215,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFD700; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Successful Find! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*You carefully open the chest and retrieve its valuable contents.*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold</p></div><<else>><<set _goldGained = random(5, 15)>><<set $gold += _goldGained>><div class="treasure-result difficult" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,165,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFA500; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚠️ Partial Success ⚠️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*You trigger a minor trap but still manage to salvage some treasure.*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold</p></div><</if>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> </div></div></div><<timed 1s>><<run $("#treasureResults").show()>><</timed>><<changeFace $currentRylanFace>> <<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="crystal-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="crystal-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(135, 206, 235, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💎 Crystal Extraction 💎</p></div><img src="images/items/crystals.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div class="crystal-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You find corrupted magical crystals pulsing with unstable energy. Careful magical extraction is needed to harvest them safely.*</p></div><<set _crystalRoll = random(1, 100)>><<set _partyMagic = (($rylan_combatStats.willpower || 9) + ($serin_combatStats.willpower || 8) + ($liora_combatStats.willpower || 12) + ($mariel_combatStats.willpower || 13) + ($seryk_combatStats.willpower || 14) + ($nimeria_combatStats.willpower || 15)) / 6>><<crystalRollDisplay _crystalRoll 50 _partyMagic>><div id="crystalResults" style="display: none;"><<if _crystalRoll >= 80>><<set _crystalsGained = 3>><<set $crystals += _crystalsGained>><div class="crystal-result perfect" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(135,206,235,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #87CEEB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎯 Perfect Extraction! 🎯</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your masterful magical control purifies the corrupted crystals, revealing their true potential!*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _crystalsGained Magic Crystals</p></div><<elseif _crystalRoll >= 40>><<set _crystalsGained = 2>><<set $crystals += _crystalsGained>><div class="crystal-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(135,206,235,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #87CEEB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Successful Harvest! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*You carefully stabilize the crystals and extract their magical essence.*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _crystalsGained Magic Crystals</p></div><<else>><<set _crystalsGained = 1>><<set $crystals += _crystalsGained>><div class="crystal-result difficult" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,165,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFA500; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚠️ Partial Harvest ⚠️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The crystals resist your magic and several shatter, but you salvage what you can.*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _crystalsGained Magic Crystals</p></div><</if>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> </div></div></div><<timed 1s>><<run $("#crystalResults").show()>><</timed>><<changeFace $currentRylanFace>> <<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="mystery-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="mystery-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(218, 112, 214, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🔮 Mana Resonance 🔮</p></div><img src="images/landscapes/mysticalcircle.webp" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"><div class="mystery-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You sense powerful mana resonating from an ancient source within the corrupted forest. Understanding and channeling this magical energy requires focus and careful attunement.*</p></div><<set _mysteryRoll = random(1, 100)>><<set _partyWisdom = (($rylan_combatStats.willpower || 9) + ($serin_combatStats.perception || 8) + ($liora_combatStats.willpower || 12) + ($mariel_combatStats.willpower || 13) + ($seryk_combatStats.willpower || 14) + ($nimeria_combatStats.perception || 14)) / 6>><<mysteryRollDisplay _mysteryRoll 50 _partyWisdom>><div id="mysteryResults" style="display: none;"><<if _mysteryRoll >= 80>><<set _goldGained = random(15, 25)>><<set _crystalsGained = random(2, 4)>><<set $gold += _goldGained>><<set $crystals += _crystalsGained>><div class="mystery-result perfect" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(218,112,214,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #DA70D6; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎯 Enlightening Discovery! 🎯</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your deep understanding unlocks the mystery's full potential, revealing hidden treasures and magical secrets!*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold & _crystalsGained Crystals</p></div><<elseif _mysteryRoll >= 40>><<set _reward = either("gold", "crystals", "experience")>><<if _reward === "gold">><<set _goldGained = random(10, 20)>><<set $gold += _goldGained>><div class="mystery-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(218,112,214,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #DA70D6; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Interesting Find! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your investigation reveals hidden knowledge that leads you to a cache of valuable resources.*</p><p style="color: #FFD700; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _goldGained Gold</p></div><<elseif _reward === "crystals">><<set _crystalsGained = random(2, 4)>><<set $crystals += _crystalsGained>><div class="mystery-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(218,112,214,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #DA70D6; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Magical Discovery! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*Your understanding of the phenomenon allows you to harvest its magical essence.*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Gained: _crystalsGained Magic Crystals</p></div><<else>><div class="mystery-result standard" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(218,112,214,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #DA70D6; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✅ Mystical Enhancement! ✅</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mystical energy enhances Liora's magical capacity, expanding her healing potential.*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Liora gains +10 Max SP</p></div><<set $liora_combatStats.maxStamina += 10>><<set $liora_combatStats.currentStamina += 10>><</if>><<else>><div class="mystery-result difficult" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,165,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFA500; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚠️ Weak Resonance ⚠️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mana resonance is difficult to attune to, but Liora manages to absorb a small amount of magical energy.*</p><p style="color: #87CEEB; text-align: center; font-size: 1.1em; margin: 5px 0;">Liora gains +2 Max SP</p></div><<set $liora_combatStats.maxStamina += 2>><<set $liora_combatStats.currentStamina += 2>><</if>> <div style="text-align: center; margin: 30px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden; display: inline-block;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodContinue]]</div> </div></div></div> </div></div></div><<timed 1s>><<run $("#mysteryResults").show()>><</timed>><<changeFace $currentRylanFace>><<statSummary>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <div class="random-encounter-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="random-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 20, 147, 0.85); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">🎲 Fate's Choice 🎲</p><p style="color: white; font-size: 1.1em;">The Unknown Path</p></div><div class="random-description" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin: 25px 0;"><p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*You step into a swirling mist that obscures the path ahead. Strange energies twist around you as fate itself seems to guide your steps. What lies beyond remains completely unknown...*</p><div class="fate-spinner" style="text-align: center; margin: 30px 0;"><div style="font-size: 4em; animation: spin 2s linear infinite; display: inline-block;">🎲</div><p style="color: #FF1493; font-size: 1.2em; margin: 15px 0; font-weight: bold;">Fate is deciding your encounter...</p></div></div><<set _randomOutcome = either(["event", "battle", "item", "gold", "crystal", "mystery"])>><div id="randomResults" style="display: none;"><<if _randomOutcome === "event">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,215,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFD700; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">🎭 Fate Brings an Event! 🎭</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists clear to reveal an unexpected encounter awaiting you!*</p> [[Continue|DungeonEventCard]]</div><<elseif _randomOutcome === "battle">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,69,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FF6347; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">⚔️ Fate Brings Battle! ⚔️</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists part to reveal enemies ready for combat!*</p> [[Continue|DungeonBattleCard]]</div><<elseif _randomOutcome === "item">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(147,112,219,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #9370DB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">✨ Fate Brings Training! ✨</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists reveal ancient knowledge waiting to be learned!*</p>[[Continue|DungeonItemCard]]</div><<elseif _randomOutcome === "gold">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(255,215,0,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #FFD700; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">💰 Fate Brings Treasure! 💰</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists clear to show gleaming treasures hidden nearby!*</p>[[Continue|DungeonGoldCard]]</div><<elseif _randomOutcome === "crystal">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(135,206,235,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #87CEEB; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">💎 Fate Brings Crystals! 💎</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists reveal magical crystals pulsing with energy!*</p>[[Continue|DungeonCrystalCard]]</div><<elseif _randomOutcome === "mystery">><div class="random-result" style="background: rgba(0,0,0,0.8); border: 2px solid rgba(218,112,214,0.8); border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center;"><p style="color: #DA70D6; text-align: center; font-size: 1.2em; margin: 15px 0; font-weight: bold;">❓ Fate Brings Mystery! ❓</p><p style="color: white; line-height: 1.6; margin-bottom: 15px; text-align: center;">*The mists swirl thicker, revealing an even deeper mystery!*</p> [[Continue|DungeonMysteryCard]]</div> <</if>></div></div></div><<timed 1.5s>><<run $("#randomResults").show()>><</timed>> <<changeFace $currentRylanFace>> <</nobr>>

<<script>>window.AudioSystem.playBGM('blightwood.mp3');<</script>><<set $currentFace = $currentRylanFace>> <<nobr>> <<dungeonEffectCheck>><<if not $dungeonProgress>><<set $dungeonProgress = 1>><</if>><<set $dungeonProgress += 1>><<if $serykxliorantr === true || $serykxliorantr === "stage1">><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 2, $liora_combatStats.maxStamina)>><<else>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 5, $liora_combatStats.maxStamina)>><</if>><<if not $mariel_combatStats>><<set $mariel_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 8, agility: 7, willpower: 13, technique: 10, perception: 11 }>><</if>><<if not $partyMaxHP>><<set $partyMaxHP = ($rylan_combatStats.maxHealth || 100) + ($liora_combatStats.maxHealth || 80) + ($serin_combatStats.maxHealth || 90) + ($mariel_combatStats.maxHealth || 100) + ($seryk_combatStats.maxHealth || 150) + ($nimeria_combatStats.maxHealth || 120)>><</if>><<if not $partyCurrentHP>><<set $partyCurrentHP = ($rylan_combatStats.currentHealth || 100) + ($liora_combatStats.currentHealth || 80) + ($serin_combatStats.currentHealth || 90) + ($mariel_combatStats.currentHealth || 100) + ($seryk_combatStats.currentHealth || 150) + ($nimeria_combatStats.currentHealth || 120)>><</if>><<autoHealCheck>><<set _lioraCurrentSP = $liora_combatStats.currentStamina || 0>><<set _lioraMaxSP = $liora_combatStats.maxStamina || 80>><<set _hpPercentage = Math.round(($partyCurrentHP / $partyMaxHP) * 100)>><<set _spPercentage = Math.round((_lioraCurrentSP / _lioraMaxSP) * 100)>><<set _hpColor = (_hpPercentage >= 75) ? "#32CD32" : (_hpPercentage >= 50) ? "#FFD700" : (_hpPercentage >= 25) ? "#FFA500" : "#FF4500">><<set _spColor = (_spPercentage >= 75) ? "#87CEEB" : (_spPercentage >= 50) ? "#4169E1" : (_spPercentage >= 25) ? "#0000FF" : "#8A2BE2">><<if $dungeonProgress >= $dungeonMaxAreas>><div class="completion-redirect" style="background: linear-gradient(to bottom, rgba(0, 128, 0, 0.85), rgba(34, 139, 34, 0.9)); min-height: 300px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); text-align: center;"><h2 style="color: white; margin-bottom: 20px;">🎉 Exploration Complete! 🎉</h2><p style="color: white; line-height: 1.6; margin-bottom: 20px;">You have successfully explored the entire $dungeonName region!</p> [[Complete the mission|BlightwoodComplete]]</div> <<elseif $dungeonProgress % 4 === 0>> [[Take a rest|BlightwoodRestArea]] <<else>><div class="dungeon-exploration-container" style="background: url('images/landscapes/blightwood.webp'); background-size: cover; background-position: center; min-height: 600px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); position: relative;"><div class="dungeon-overlay" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(34, 139, 34, 0.3); border-radius: 10px;"></div><div style="position: relative; z-index: 2;"><div class="dungeon-header" style="background: rgba(45,45,50,0.95); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">$dungeonName Exploration</p><<set _dungeonImageName = $dungeonName.toLowerCase()>><center><img @src="'images/landscapes/' + _dungeonImageName + '.webp'" style="max-width: 300px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); margin: 15px 0;"></center><div style="display: flex; justify-content: space-between; align-items: center;"><p style="color: white; font-size: 1.1em; margin: 0;">Progress: $dungeonProgress / $dungeonMaxAreas</p><p style="color: <<print _hpColor>>; font-size: 1.1em; margin: 0; font-weight: bold;">Party HP: $partyCurrentHP / $partyMaxHP</p><p style="color: <<print _spColor>>; font-size: 1.1em; margin: 0; font-weight: bold;">Liora MP: _lioraCurrentSP / _lioraMaxSP</p></div></div><div class="card-selection" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"><p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*You continue deeper into the twisted forest. The path ahead splits once again, offering new choices and challenges.*</p><<generateDungeonCards>></div></div></div><</if>><<changeFace $currentRylanFace>> <</nobr>>

<<nobr>> <<widget "dynamicFetishEvent">> <<set _fetishType1 = "feet">> <<set _fetishType2 = "ass">> <<set _fetishType3 = "breasts">> <<set _fetishType4 = "armpit">> <<set _fetishValue1 = $rylan_FeetFetish || 0>> <<set _fetishValue2 = $rylan_AssFetish || 0>> <<set _fetishValue3 = $rylan_BreastFetish || 0>> <<set _fetishValue4 = $rylan_ArmpitFetish || 0>> <<set _chance1 = 10 + (_fetishValue1 > 0 ? _fetishValue1 : 0)>> <<set _chance2 = 10 + (_fetishValue2 > 0 ? _fetishValue2 : 0)>> <<set _chance3 = 10 + (_fetishValue3 > 0 ? _fetishValue3 : 0)>> <<set _chance4 = 10 + (_fetishValue4 > 0 ? _fetishValue4 : 0)>> <<set _totalChance = _chance1 + _chance2 + _chance3 + _chance4>> <<set _random = random(1, _totalChance)>> <<if _random <= _chance1>> <<set _selectedType = "feet">> <<elseif _random <= _chance1 + _chance2>> <<set _selectedType = "ass">> <<elseif _random <= _chance1 + _chance2 + _chance3>> <<set _selectedType = "breasts">> <<else>> <<set _selectedType = "armpit">> <</if>> <<set _fetishType = _selectedType>> <<set _debugFetishType = _fetishType>> <<if _selectedType === "feet">> <<set _fetishValue = _fetishValue1>> <<elseif _selectedType === "ass">> <<set _fetishValue = _fetishValue2>> <<elseif _selectedType === "breasts">> <<set _fetishValue = _fetishValue3>> <<elseif _selectedType === "armpit">> <<set _fetishValue = _fetishValue4>> <</if>> <<if _fetishType === "feet">> <<set _fetishTypeName = "FeetFetish">> <<set _fetishDescription = "feet">> <<elseif _fetishType === "ass">> <<set _fetishTypeName = "AssFetish">> <<set _fetishDescription = "ass">> <<elseif _fetishType === "breasts">> <<set _fetishTypeName = "BreastFetish">> <<set _fetishDescription = "breasts">> <<elseif _fetishType === "armpit">> <<set _fetishTypeName = "ArmpitFetish">> <<set _fetishDescription = "armpits">> <</if>> <<set _randomImage = random(1, 10)>> <<set _availableCharacters = []>> <<if $lioraFutaCurrious>> <<set _availableCharacters.push("Liora")>> <</if>> <<if $rylanxserincontent>> <<set _availableCharacters.push("Serin")>> <</if>> <<if $marielChapter5Massage>> <<set _availableCharacters.push("Mariel")>> <</if>> <<if $nimeriaxrylancontent>> <<set _availableCharacters.push("Nimeria")>> <</if>> <<if $serykRylanBlightwoodEncounter>> <<set _availableCharacters.push("Seryk")>> <</if>> <<if $thalor_rylanGayContent>> <<set _availableCharacters.push("Thalor")>> <</if>> <<if _availableCharacters.length === 0>> <<set _availableCharacters = ["Liora"]>> <</if>> <<set _randomCharacterIndex = random(0, _availableCharacters.length - 1)>> <<set _selectedCharacter = _availableCharacters[_randomCharacterIndex]>> <<if _selectedCharacter === "Liora">> <<set _characterName = "Liora">> <<set _characterFolder = "liora">> <<set _attractionValue = $rylan_LioraAttraction || 0>> <<set _faceImage = "images/liora/faceshortpink.webp">> <<elseif _selectedCharacter === "Serin">> <<set _characterName = "Serin">> <<set _characterFolder = "serin">> <<set _attractionValue = $rylan_SerinAttraction || 0>> <<set _faceImage = "images/serin/face.webp">> <<elseif _selectedCharacter === "Mariel">> <<set _characterName = "Mariel">> <<set _characterFolder = "mariel">> <<set _attractionValue = $rylan_MarielAttraction || 0>> <<set _faceImage = "images/mariel/stage2/face.webp">> <<elseif _selectedCharacter === "Nimeria">> <<set _characterName = "Nimeria">> <<set _characterFolder = "nimeria">> <<set _attractionValue = $rylan_NimeriaAttraction || 0>> <<set _faceImage = "images/nimeria/face.webp">> <<elseif _selectedCharacter === "Seryk">> <<set _characterName = "Seryk">> <<set _characterFolder = "seryk">> <<set _attractionValue = $rylan_SerykAttraction || 0>> <<set _faceImage = "images/seryk/face.webp">> <<else>> <<set _characterName = "Thalor">> <<set _characterFolder = "thalor">> <<set _attractionValue = $rylan_ThalorAttraction || 0>> <<set _faceImage = "images/thalor/face.webp">> <</if>> <<quickRoll "Fetish Temptation" "Rylan" 80 5 _fetishTypeName 2>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">As we rest in this area, I find myself unable to stop looking at <<if _characterName === "Mariel">><<print $humanToMariel>><<elseif _characterName === "Thalor">><<print $humanToThalor>><<else>><<print _characterName>><</if>>'s <<print _fetishDescription>>. There's something about them that keeps drawing my attention...</p> </div> <<set _imagePath = "images/" + _characterFolder + "/dungeon/" + _fetishType + "/" + _randomImage + ".webp">> <center><img @src="_imagePath" style="width: 400px; max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;" alt="<<print _characterName>>'s <<print _fetishTypeName>>"></center> <<if not _tempRollSuccess>> <<changeFetish "Rylan" _fetishTypeName 0.2>> <<changeLust "Rylan" 3>> <<changeAttraction "Rylan" _characterName 0.1>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">I can't help myself... the sight is too tempting to resist. My heart races as I continue to stare, feeling a strange warmth building inside me.</p> </div> <<set _randomChance = random(1, 100)>> <<if _randomChance <= 30>> <div class="speaker-block" style="margin-bottom: 20px;"> <img @src="_faceImage" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 15px 10px 0; clear: left;" alt="_characterName"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 15px; margin-left: 60px;"> <<if _characterName === "Liora">> <span class="dialog-liora">"Is something wrong, $humanName? You seem distracted..."</span> <<elseif _characterName === "Serin">> <span class="dialog-serin">"Hey, what are you staring at? Do I have something on me?"</span> <<elseif _characterName === "Mariel">> <span class="dialog-mariel">"$humanName, are you feeling alright? You look a bit flushed."</span> <<elseif _characterName === "Nimeria">> <span class="dialog-nimeria">"Something caught your eye? I hope it's something pleasant..."</span> <<elseif _characterName === "Seryk">> <span class="dialog-seryk">"You okay there? You seem lost in thought."</span> <<else>> <span class="dialog-thalor">"What's got you so distracted, $humanName?"</span> <</if>> </div><div style="clear: left;"></div></div> <</if>> <<else>> <div style="margin: 20px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); border-radius: 8px; padding: 20px;"> <p style="color: #E6E6FA; font-style: italic; margin: 10px 0; line-height: 1.6;">I manage to tear my gaze away, feeling a bit embarrassed by my own thoughts. I should focus on the mission, not get distracted by such things.</p> </div> <</if>> <div style="text-align: center; margin: 20px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(100, 100, 100, 0.8); border-radius: 15px; padding: 25px; min-width: 280px; box-shadow: 0 8px 25px rgba(0,0,0,0.4); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #32CD32, #228B22, #006400, #228B22);"></div> <h4 style="color: #E6E6FA; margin: 0 0 20px 0; font-size: 1.4em; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">Continue Exploring</h4> <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.8), rgba(40, 40, 60, 0.9)); border-radius: 8px; padding: 12px; display: inline-block; min-width: 150px;">[[Continue|BlightwoodJourney]]</div> </div></div></div> <<changeFace $currentRylanFace>> <<statSummary>> <</widget>> <</nobr>>

<<if !$rylan_combatStats>><<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 10, agility: 8, willpower: 6, technique: 7, perception: 6 }>><</if>><<if !$serin_combatStats>><<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 120, currentStamina: 120, physicalPower: 11, agility: 12, willpower: 7, technique: 9, perception: 8 }>><</if>><<if !$liora_combatStats>><<set $liora_combatStats = { maxHealth: 80, currentHealth: 80, maxStamina: 80, currentStamina: 80, physicalPower: 7, agility: 7, willpower: 12, technique: 8, perception: 9 }>><</if>><div class="party-menu"> <div class="menu-header"> <h2>Party Status</h2> <div class="gold-display">⚜ <<print $gold || 0>> Gold</div> <div class="menu-nav"> [[⟨ Return|previous()]] </div> </div> <div class="party-grid"> <div class="character-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/chibi-models/rylanback.webp" alt="<<print $humanName>>"> </div> <div class="character-name"><<print $humanName>></div> </div> <div class="stat-bars"> <div class="stat-bar hp-bar"> <div class="bar-label">HP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($rylan_combatStats.currentHealth / $rylan_combatStats.maxHealth * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($rylan_combatStats.currentHealth)>>/<<print $rylan_combatStats.maxHealth>></div> </div> <div class="stat-bar sp-bar"> <div class="bar-label">SP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($rylan_combatStats.currentStamina / $rylan_combatStats.maxStamina * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($rylan_combatStats.currentStamina)>>/<<print $rylan_combatStats.maxStamina>></div> </div> </div> <div class="battle-stats"> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">PWR:</span> <span class="stat-value"><<print $rylan_combatStats.physicalPower.toFixed(1)>></span> <span class="stat-label">AGI:</span> <span class="stat-value"><<print $rylan_combatStats.agility.toFixed(1)>></span> </div> </div> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">TEC:</span> <span class="stat-value"><<print $rylan_combatStats.technique.toFixed(1)>></span> <span class="stat-label">WIL:</span> <span class="stat-value"><<print $rylan_combatStats.willpower.toFixed(1)>></span> </div> </div> </div> </div> <div class="character-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/chibi-models/serinback.webp" alt="Serin"> </div> <div class="character-name">Serin</div> </div> <div class="stat-bars"> <div class="stat-bar hp-bar"> <div class="bar-label">HP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($serin_combatStats.currentHealth / $serin_combatStats.maxHealth * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($serin_combatStats.currentHealth)>>/<<print $serin_combatStats.maxHealth>></div> </div> <div class="stat-bar sp-bar"> <div class="bar-label">SP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($serin_combatStats.currentStamina / $serin_combatStats.maxStamina * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($serin_combatStats.currentStamina)>>/<<print $serin_combatStats.maxStamina>></div> </div> </div> <div class="battle-stats"> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">PWR:</span> <span class="stat-value"><<print $serin_combatStats.physicalPower.toFixed(1)>></span> <span class="stat-label">AGI:</span> <span class="stat-value"><<print $serin_combatStats.agility.toFixed(1)>></span> </div> </div> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">TEC:</span> <span class="stat-value"><<print $serin_combatStats.technique.toFixed(1)>></span> <span class="stat-label">WIL:</span> <span class="stat-value"><<print $serin_combatStats.willpower.toFixed(1)>></span> </div> </div> </div> </div> <div class="character-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/chibi-models/lioraback.webp" alt="Liora"> </div> <div class="character-name">Liora</div> </div> <div class="stat-bars"> <div class="stat-bar hp-bar"> <div class="bar-label">HP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($liora_combatStats.currentHealth / $liora_combatStats.maxHealth * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($liora_combatStats.currentHealth)>>/<<print $liora_combatStats.maxHealth>></div> </div> <div class="stat-bar sp-bar"> <div class="bar-label">SP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print ($liora_combatStats.currentStamina / $liora_combatStats.maxStamina * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor($liora_combatStats.currentStamina)>>/<<print $liora_combatStats.maxStamina>></div> </div> </div> <div class="battle-stats"> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">PWR:</span> <span class="stat-value"><<print $liora_combatStats.physicalPower.toFixed(1)>></span> <span class="stat-label">AGI:</span> <span class="stat-value"><<print $liora_combatStats.agility.toFixed(1)>></span> </div> </div> <div class="stat-row"> <div class="stat-pair"> <span class="stat-label">TEC:</span> <span class="stat-value"><<print $liora_combatStats.technique.toFixed(1)>></span> <span class="stat-label">WIL:</span> <span class="stat-value"><<print $liora_combatStats.willpower.toFixed(1)>></span> </div> </div> </div> </div> </div> </div> <div class="PartyMenu-return"> <<link "⟨ Return">> <<run Engine.backward()>> <</link>> </div> <style> .party-menu { width: 90%; max-width: 1200px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); color: white; } .menu-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-header h2 { margin: 0; color: #fff; } .gold-display { background: rgba(255, 215, 0, 0.2); padding: 5px 15px; border-radius: 4px; color: #ffd700; font-weight: bold; margin: 0 10px; border: 1px solid rgba(255, 215, 0, 0.3); text-shadow: 0 0 3px rgba(255, 215, 0, 0.5); } .menu-nav a { color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: rgba(255, 255, 255, 0.1); } .party-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 20px; margin-top: 20px; } .character-card { background: rgba(30, 30, 30, 0.9); border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); width: 360px; margin: 0 auto; } .character-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .character-portrait { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; } .character-portrait img { width: 100%; height: 100%; object-fit: cover; } .character-name { font-size: 1.2em; font-weight: bold; color: #ff4081; background: rgba(0, 0, 0, 0.5); padding: 4px 12px; border-radius: 4px; position: absolute; top: -10px; left: 10px; } .stat-bars { margin: 15px 0; } .stat-bar { margin: 8px 0; display: flex; align-items: center; gap: 10px; } .bar-label { width: 30px; font-weight: bold; } .bar-background { flex-grow: 1; height: 12px; background: rgba(0, 0, 0, 0.3); border-radius: 6px; overflow: hidden; } .hp-bar .bar-fill { background: linear-gradient(to right, #ff4081, #ff80ab); } .sp-bar .bar-fill { background: linear-gradient(to right, #2196f3, #64b5f6); } .bar-fill { height: 100%; transition: width 0.3s ease; } .bar-text { min-width: 110px; text-align: right; } .battle-stats { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; padding: 10px; background: rgba(0, 0, 0, 0.2); border-radius: 4px; } .stat-row { display: flex; justify-content: space-between; align-items: center; } .stat-pair { display: flex; gap: 20px; justify-content: space-between; flex: 1; } .stat-label { color: #aaa; font-size: 0.9em; min-width: 40px; } .stat-value { font-weight: bold; color: white; min-width: 30px; text-align: right; } .menu-nav { background: rgba(0, 0, 0, 0.5); padding: 5px 15px; border-radius: 4px; } </style>

<<nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>><<set $currentFace = $currentNimeriaFace>><<if not $soulForgeUnlocked>><div class="forge-locked-container"> <div class="locked-message"> <h2>🔒 Soul Forge Locked</h2> <p>The Soul Forge has not yet been established. Complete the laboratory setup in Chapter 3 to unlock this feature.</p> <div class="nav-button"> <a href="javascript:void(0)" onclick="SugarCube.Engine.backward()">⬅ Go Back</a></div></div></div> <<else>> <div class="soulforge-container"> <div class="forge-header"> <div class="forge-title-section"> <div class="forge-icon">🔮</div> <h1 class="forge-title">SOUL FORGE</h1> <p class="forge-subtitle">Reshape the essence of destiny</p></div> <div class="forge-resources"> <div class="gold-display"> <span class="gold-icon">💰</span> <span class="gold-amount"><<print $gold || 0>> Gold</span></div> <div class="weight-controls"> <button class="weight-button" onclick="SoulForge.openWeightEditor()"> <span class="weight-icon">⚖️</span> <span class="weight-text">Fetish Weights</span></button></div></div></div> <div class="forge-content"> <div class="character-forge-grid"> <<set _characters = ["rylan", "liora", "serin", "seryk", "nimeria", "mariel"]>> <<for _char range _characters>> <<set _charName = _char.charAt(0).toUpperCase() + _char.slice(1)>> <<set _effects = State.variables[_char + '_soulEffects'] || []>> <<set _blessing = State.variables[_char + '_soulBlessing'] || 0>> <<set _corruption = State.variables[_char + '_soulCorruption'] || 0>> <<if _char === "mariel" && $characterStages && $characterStages.mariel >= 2>> <<set _imagePath = "images/mariel/stage2/face.webp">> <<else>> <<set _imagePath = "images/" + _char + "/face.webp">> <</if>> <div class="character-forge-card <<if _char === 'seryk' || _char === 'nimeria'>>demon-type<<else>>human-type<</if>>"> <div class="character-forge-header"> <div class="character-portrait-section"> <img @src="_imagePath" class="forge-portrait" @alt="_charName"> <div class="soul-aura-forge <<print _char>>-aura-forge"></div></div> <div class="character-info-section"> <h3 class="character-forge-name"><<if _char === "rylan">><<print $humanName>><<else>><<print _charName>><</if>></h3> <div class="soul-stats-forge"> <div class="blessing-stat-forge">✨ <<print _blessing>></div> <div class="corruption-stat-forge">🌑 <<print _corruption>></div></div></div></div> <div class="effects-forge-section"> <<if _effects.length > 0>> <div class="effects-grid"> <<for _effect range _effects>> <div class="soulforge-effect-item soulforge-<<print _effect.type>>-effect"> <div class="soulforge-effect-info"> <div class="soulforge-effect-header"> <span class="soulforge-effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></span> <span class="soulforge-effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="soulforge-effect-level">Lv.<<print _effect.level>></span><</if>></span></div> <div class="soulforge-effect-description"><<print _effect.effect>></div></div> <div class="soulforge-effect-actions"> <button class="soulforge-reroll-button" @data-character="_char" @data-index="_effects.indexOf(_effect)" onclick="SoulForge.rerollEffect(this.dataset.character, parseInt(this.dataset.index))"> <span class="soulforge-action-icon">🎲</span> <span class="soulforge-action-text">Reroll</span> <span class="soulforge-action-cost">10G</span></button> <button class="soulforge-remove-button" @data-character="_char" @data-index="_effects.indexOf(_effect)" onclick="SoulForge.removeEffect(this.dataset.character, parseInt(this.dataset.index))"> <span class="soulforge-action-icon">❌</span> <span class="soulforge-action-text">Remove</span> <span class="soulforge-action-cost">50G</span></button></div></div> <</for>></div> <<else>> <div class="no-effects-forge"> <div class="no-effects-icon">🌟</div> <p>Pure soul - no effects to modify</p></div> <</if>></div></div> <</for>></div> </div> <div class="forge-navigation"> <div class="nav-buttons-forge"> <button class="back-button" onclick="SugarCube.Engine.backward()"> <span class="nav-icon">⬅</span> <span class="nav-text">Go Back</span></button> </div></div></div><</if>> <</nobr>> <script> window.SoulForge = { canRerollEffect: function(character, effectIndex) { const effects = SugarCube.State.variables[character + '_soulEffects'] || []; if (effectIndex < 0 || effectIndex >= effects.length) { return false; } const currentEffect = effects[effectIndex]; const effectType = currentEffect.type; const currentLevel = currentEffect.level || 1; // Get available effects for this character and type let availableEffects = []; if (effectType === "blessing") { availableEffects = [ { name: 'Pure Heart', effect: 'Affection gains +5%', type: 'relationship', mechanic: 'affectionBonus' }, { name: 'Noble Soul', effect: 'Attraction gains +5%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Faithful Spirit', effect: 'Lust gains -5%', type: 'relationship', mechanic: 'lustResistance' }, { name: 'Strong Will', effect: 'All fetish gains -5%', type: 'fetish', mechanic: 'fetishResistance' }, { name: 'Pure Mind', effect: 'Feet fetish gains -5%', type: 'fetish', mechanic: 'FeetFetishResistance' }, { name: 'Sacred Body', effect: 'Smell fetish gains -5%', type: 'fetish', mechanic: 'SmellFetishResistance' }, { name: 'Divine Focus', effect: 'Submission fetish gains -5%', type: 'fetish', mechanic: 'SubmissionFetishResistance' }, { name: 'Modest Soul', effect: 'Exhibitionism fetish gains -5%', type: 'fetish', mechanic: 'ExhibitionismFetishResistance' }, { name: 'Innocent Heart', effect: 'Voyeurism fetish gains -5%', type: 'fetish', mechanic: 'VoyeurismFetishResistance' }, { name: 'Gentle Spirit', effect: 'Masochism fetish gains -5%', type: 'fetish', mechanic: 'MasochismFetishResistance' }, { name: 'Compassionate Nature', effect: 'Sadism fetish gains -5%', type: 'fetish', mechanic: 'SadismFetishResistance' }, { name: 'Free Will', effect: 'Bondage fetish gains -5%', type: 'fetish', mechanic: 'BondageFetishResistance' }, { name: 'Independent Mind', effect: 'Dominance fetish gains -5%', type: 'fetish', mechanic: 'DominanceFetishResistance' } ]; } else { const isHuman = ['rylan', 'liora', 'serin'].includes(character.toLowerCase()); const isDemon = ['seryk', 'nimeria'].includes(character.toLowerCase()); if (isHuman) { availableEffects = [ { name: 'Lustful Thoughts', effect: 'Lust gains +15%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Wandering Eyes', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Needy Heart', effect: 'Affection gains +10%', type: 'relationship', mechanic: 'affectionBonus' }, { name: 'Corrupted Desires', effect: 'All fetish gains +0.1', type: 'fetish', mechanic: 'fetishGainBonus' }, { name: 'Submissive Urges', effect: 'Submission fetish gains +0.15', type: 'fetish', mechanic: 'SubmissionFetishBonus' }, { name: 'Voyeuristic Tendencies', effect: 'Voyeurism fetish gains +0.1', type: 'fetish', mechanic: 'VoyeurismFetishBonus' }, { name: 'Masochistic Streak', effect: 'Masochism fetish gains +0.1', type: 'fetish', mechanic: 'MasochismFetishBonus' }, { name: 'Curious Mind', effect: 'Feet fetish gains +0.1', type: 'fetish', mechanic: 'FeetFetishBonus' }, { name: 'Sensitive Body', effect: 'Smell fetish gains +0.1', type: 'fetish', mechanic: 'SmellFetishBonus' }, { name: 'Depraved Thoughts', effect: 'Armpit fetish gains +0.1', type: 'fetish', mechanic: 'ArmpitFetishBonus' }, { name: 'Breast Fixation', effect: 'Breast fetish gains +0.1', type: 'fetish', mechanic: 'BreastFetishBonus' }, { name: 'Ass Obsession', effect: 'Ass fetish gains +0.1', type: 'fetish', mechanic: 'AssFetishBonus' }, { name: 'Thigh Fascination', effect: 'Thigh fetish gains +0.1', type: 'fetish', mechanic: 'ThighFetishBonus' }, { name: 'Saliva Interest', effect: 'Saliva fetish gains +0.1', type: 'fetish', mechanic: 'SalivaFetishBonus' }, { name: 'Exhibitionist Urges', effect: 'Exhibitionism fetish gains +0.1', type: 'fetish', mechanic: 'ExhibitionismFetishBonus' } ]; } else if (isDemon) { availableEffects = [ { name: 'Seductive Presence', effect: 'Others gain +20% more lust around you', type: 'influence', mechanic: 'lustInfluenceBonus' }, { name: 'Dominant Aura', effect: 'Others gain +20% more attraction to you', type: 'influence', mechanic: 'attractionInfluenceBonus' }, { name: 'Corrupting Touch', effect: 'Others gain +0.1 more fetish when you trigger it', type: 'influence', mechanic: 'fetishInfluenceBonus' }, { name: 'Demonic Lust', effect: 'Lust gains +10%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Charismatic Aura', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Dominant Nature', effect: 'Dominance fetish gains +0.15', type: 'fetish', mechanic: 'DominanceFetishBonus' }, { name: 'Sadistic Pleasure', effect: 'Sadism fetish gains +0.1', type: 'fetish', mechanic: 'SadismFetishBonus' }, { name: 'Muscle Pride', effect: 'Muscle fetish gains +0.1', type: 'fetish', mechanic: 'MuscleFetishBonus' }, { name: 'Intoxicating Scent', effect: 'Smell fetish gains +0.1', type: 'fetish', mechanic: 'SmellFetishBonus' }, { name: 'Foot Dominance', effect: 'Feet fetish gains +0.1', type: 'fetish', mechanic: 'FeetFetishBonus' }, { name: 'Bondage Master', effect: 'Bondage fetish gains +0.1', type: 'fetish', mechanic: 'BondageFetishBonus' }, { name: 'Exhibitionist Pride', effect: 'Exhibitionism fetish gains +0.1', type: 'fetish', mechanic: 'ExhibitionismFetishBonus' } ]; } else { availableEffects = [ { name: 'Lustful Thoughts', effect: 'Lust gains +15%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Corrupted Desires', effect: 'All fetish gains +0.1', type: 'fetish', mechanic: 'fetishGainBonus' }, { name: 'Wandering Eyes', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Needy Heart', effect: 'Affection gains +10%', type: 'relationship', mechanic: 'affectionBonus' } ]; } } // Filter out effects that already exist (excluding the current one) const tempEffects = [...effects]; tempEffects.splice(effectIndex, 1); const existingEffectNames = tempEffects.map(effect => effect.name); let uniqueEffects = availableEffects.filter(effect => !existingEffectNames.includes(effect.name)); // ALWAYS exclude the current effect (not just at max level) uniqueEffects = uniqueEffects.filter(effect => effect.name !== currentEffect.name); return uniqueEffects.length > 0; }, rerollEffect: function(character, effectIndex) { // Check if reroll is possible if (!this.canRerollEffect(character, effectIndex)) { this.showMessage("Cannot reroll: Effect at max level and all other effects already present!", "error"); return; } const gold = SugarCube.State.variables.gold || 0; const cost = 10; if (gold < cost) { this.showMessage("Not enough gold! Need " + cost + " gold to reroll.", "error"); return; } const effects = SugarCube.State.variables[character + '_soulEffects'] || []; if (effectIndex < 0 || effectIndex >= effects.length) { this.showMessage("Invalid effect selected.", "error"); return; } const oldEffect = effects[effectIndex]; const effectType = oldEffect.type; const originalLevel = oldEffect.level || 1; // Preserve the original level const oldEffectName = oldEffect.name; // Store the name of the effect being replaced // Deduct gold SugarCube.State.variables.gold -= cost; // Get available effects lists without applying them let availableEffects = []; if (effectType === "blessing") { availableEffects = [ // Relationship Effects { name: 'Pure Heart', effect: 'Affection gains +5%', type: 'relationship', mechanic: 'affectionBonus' }, { name: 'Noble Soul', effect: 'Attraction gains +5%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Faithful Spirit', effect: 'Lust gains -5%', type: 'relationship', mechanic: 'lustResistance' }, // General Fetish Resistance { name: 'Strong Will', effect: 'All fetish gains -5%', type: 'fetish', mechanic: 'fetishResistance' }, // Specific Fetish Resistances { name: 'Pure Mind', effect: 'Feet fetish gains -5%', type: 'fetish', mechanic: 'FeetFetishResistance' }, { name: 'Sacred Body', effect: 'Smell fetish gains -5%', type: 'fetish', mechanic: 'SmellFetishResistance' }, { name: 'Divine Focus', effect: 'Submission fetish gains -5%', type: 'fetish', mechanic: 'SubmissionFetishResistance' }, { name: 'Modest Soul', effect: 'Exhibitionism fetish gains -5%', type: 'fetish', mechanic: 'ExhibitionismFetishResistance' }, { name: 'Innocent Heart', effect: 'Voyeurism fetish gains -5%', type: 'fetish', mechanic: 'VoyeurismFetishResistance' }, { name: 'Gentle Spirit', effect: 'Masochism fetish gains -5%', type: 'fetish', mechanic: 'MasochismFetishResistance' }, { name: 'Compassionate Nature', effect: 'Sadism fetish gains -5%', type: 'fetish', mechanic: 'SadismFetishResistance' }, { name: 'Free Will', effect: 'Bondage fetish gains -5%', type: 'fetish', mechanic: 'BondageFetishResistance' }, { name: 'Independent Mind', effect: 'Dominance fetish gains -5%', type: 'fetish', mechanic: 'DominanceFetishResistance' } ]; } else { const isHuman = ['rylan', 'liora', 'serin'].includes(character.toLowerCase()); const isDemon = ['seryk', 'nimeria'].includes(character.toLowerCase()); if (isHuman) { availableEffects = [ // Lust and Attraction Effects { name: 'Lustful Thoughts', effect: 'Lust gains +15%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Wandering Eyes', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Needy Heart', effect: 'Affection gains +10%', type: 'relationship', mechanic: 'affectionBonus' }, // General Fetish Development { name: 'Corrupted Desires', effect: 'All fetish gains +0.1', type: 'fetish', mechanic: 'fetishGainBonus' }, // Submissive Fetishes { name: 'Submissive Urges', effect: 'Submission fetish gains +0.15', type: 'fetish', mechanic: 'SubmissionFetishBonus' }, { name: 'Voyeuristic Tendencies', effect: 'Voyeurism fetish gains +0.1', type: 'fetish', mechanic: 'VoyeurismFetishBonus' }, { name: 'Masochistic Streak', effect: 'Masochism fetish gains +0.1', type: 'fetish', mechanic: 'MasochismFetishBonus' }, // Body Part Fetishes { name: 'Curious Mind', effect: 'Feet fetish gains +0.1', type: 'fetish', mechanic: 'FeetFetishBonus' }, { name: 'Sensitive Body', effect: 'Smell fetish gains +0.1', type: 'fetish', mechanic: 'SmellFetishBonus' }, { name: 'Depraved Thoughts', effect: 'Armpit fetish gains +0.1', type: 'fetish', mechanic: 'ArmpitFetishBonus' }, { name: 'Breast Fixation', effect: 'Breast fetish gains +0.1', type: 'fetish', mechanic: 'BreastFetishBonus' }, { name: 'Ass Obsession', effect: 'Ass fetish gains +0.1', type: 'fetish', mechanic: 'AssFetishBonus' }, { name: 'Thigh Fascination', effect: 'Thigh fetish gains +0.1', type: 'fetish', mechanic: 'ThighFetishBonus' }, { name: 'Saliva Interest', effect: 'Saliva fetish gains +0.1', type: 'fetish', mechanic: 'SalivaFetishBonus' }, { name: 'Exhibitionist Urges', effect: 'Exhibitionism fetish gains +0.1', type: 'fetish', mechanic: 'ExhibitionismFetishBonus' } ]; } else if (isDemon) { availableEffects = [ // Influence on Others' Stats { name: 'Seductive Presence', effect: 'Others gain +20% more lust around you', type: 'influence', mechanic: 'lustInfluenceBonus' }, { name: 'Dominant Aura', effect: 'Others gain +20% more attraction to you', type: 'influence', mechanic: 'attractionInfluenceBonus' }, { name: 'Corrupting Touch', effect: 'Others gain +0.1 more fetish when you trigger it', type: 'influence', mechanic: 'fetishInfluenceBonus' }, // Own Stats { name: 'Demonic Lust', effect: 'Lust gains +10%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Charismatic Aura', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, // Dominant Fetish Development { name: 'Dominant Nature', effect: 'Dominance fetish gains +0.15', type: 'fetish', mechanic: 'DominanceFetishBonus' }, { name: 'Sadistic Pleasure', effect: 'Sadism fetish gains +0.1', type: 'fetish', mechanic: 'SadismFetishBonus' }, // Physical Fetishes { name: 'Muscle Pride', effect: 'Muscle fetish gains +0.1', type: 'fetish', mechanic: 'MuscleFetishBonus' }, { name: 'Intoxicating Scent', effect: 'Smell fetish gains +0.1', type: 'fetish', mechanic: 'SmellFetishBonus' }, { name: 'Foot Dominance', effect: 'Feet fetish gains +0.1', type: 'fetish', mechanic: 'FeetFetishBonus' }, // Control Fetishes { name: 'Bondage Master', effect: 'Bondage fetish gains +0.1', type: 'fetish', mechanic: 'BondageFetishBonus' }, { name: 'Exhibitionist Pride', effect: 'Exhibitionism fetish gains +0.1', type: 'fetish', mechanic: 'ExhibitionismFetishBonus' } ]; } else { availableEffects = [ { name: 'Lustful Thoughts', effect: 'Lust gains +15%', type: 'sexual', mechanic: 'lustGainBonus' }, { name: 'Corrupted Desires', effect: 'All fetish gains +0.1', type: 'fetish', mechanic: 'fetishGainBonus' }, { name: 'Wandering Eyes', effect: 'Attraction gains +15%', type: 'relationship', mechanic: 'attractionBonus' }, { name: 'Needy Heart', effect: 'Affection gains +10%', type: 'relationship', mechanic: 'affectionBonus' } ]; } } // Filter out effects that already exist (excluding the one being replaced) const tempEffects = [...effects]; tempEffects.splice(effectIndex, 1); // Remove the effect we're replacing const existingEffectNames = tempEffects.map(effect => effect.name); let uniqueEffects = availableEffects.filter(effect => !existingEffectNames.includes(effect.name)); // ALWAYS prevent rerolling into the same effect (not just at max level) const currentEffectName = oldEffect.name; uniqueEffects = uniqueEffects.filter(effect => effect.name !== currentEffectName); if (uniqueEffects.length === 0) { this.showMessage("No new effects available! All other effects are already present or have 0 weight.", "error"); // Refund the gold since reroll failed SugarCube.State.variables.gold += cost; return; } // Use weighted selection for ALL effects (both corruption and blessing) let newEffect = this.selectWeightedEffect(character, uniqueEffects); // Check if a valid effect was selected (weights might all be 0) if (!newEffect) { this.showMessage("Cannot reroll: All available effects have 0 weight!", "error"); // Refund the gold since reroll failed SugarCube.State.variables.gold += cost; return; } // Remove the old effect (now safe since we preserved the array) effects.splice(effectIndex, 1); // Scale the effect values based on the preserved level let scaledEffect = newEffect.effect; let scaledMechanic = newEffect.mechanic; if (originalLevel > 1) { // Scale numeric values in the effect description scaledEffect = scaledEffect.replace(/\+([0-9.]+)/g, function(match, value) { return '+' + (parseFloat(value) * originalLevel).toFixed(1); }); // Scale numeric values in the mechanic object if it exists if (scaledMechanic && typeof scaledMechanic === 'object') { for (let key in scaledMechanic) { if (typeof scaledMechanic[key] === 'number') { scaledMechanic[key] = scaledMechanic[key] * originalLevel; } } } } // Add the new effect at the original position with preserved level and scaled values effects.splice(effectIndex, 0, { type: effectType, name: newEffect.name, effect: scaledEffect, category: newEffect.type, mechanic: scaledMechanic, level: originalLevel // Use the preserved level instead of hardcoded 1 }); // Update the previous state with the changes so they persist when going back this.updatePreviousStateWithChanges(); this.showMessage("Reforged '" + oldEffect.name + "' into '" + newEffect.name + "'!", "success"); SugarCube.Engine.show(); }, removeEffect: function(character, effectIndex) { const gold = SugarCube.State.variables.gold || 0; const cost = 50; if (gold < cost) { this.showMessage("Not enough gold! Need " + cost + " gold to remove.", "error"); return; } const effects = SugarCube.State.variables[character + '_soulEffects'] || []; if (effectIndex < 0 || effectIndex >= effects.length) { this.showMessage("Invalid effect selected.", "error"); return; } const removedEffect = effects[effectIndex]; // Deduct gold SugarCube.State.variables.gold -= cost; // Remove the effect effects.splice(effectIndex, 1); // Decrease soul blessing/corruption count if (removedEffect.type === "blessing") { SugarCube.State.variables[character + '_soulBlessing'] = Math.max(0, (SugarCube.State.variables[character + '_soulBlessing'] || 0) - 1); } else { SugarCube.State.variables[character + '_soulCorruption'] = Math.max(0, (SugarCube.State.variables[character + '_soulCorruption'] || 0) - 1); } // Update the previous state with the changes so they persist when going back this.updatePreviousStateWithChanges(); this.showMessage("Purified '" + removedEffect.name + "' from " + character + "'s soul!", "success"); SugarCube.Engine.show(); }, showMessage: function(text, type) { const messageDiv = document.createElement('div'); messageDiv.className = 'forge-message ' + type; messageDiv.textContent = text; messageDiv.style.cssText = ` position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: ${type === 'error' ? 'rgba(220, 20, 60, 0.9)' : 'rgba(0, 150, 0, 0.9)'}; color: white; padding: 20px 30px; border-radius: 10px; font-size: 1.2em; font-weight: bold; z-index: 10000; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); border: 2px solid ${type === 'error' ? '#ff6b6b' : '#00ff88'}; `; document.body.appendChild(messageDiv); setTimeout(() => { if (messageDiv.parentNode) { messageDiv.parentNode.removeChild(messageDiv); } }, 3000); }, // Fetish weight editor functions openWeightEditor: function() { const characters = ['rylan', 'liora', 'serin', 'seryk', 'nimeria', 'mariel']; const fetishTypes = [ 'FeetFetish', 'SmellFetish', 'ArmpitFetish', 'SalivaFetish', 'BreastFetish', 'AssFetish', 'ThighFetish', 'SubmissionFetish', 'DominanceFetish', 'ExhibitionismFetish', 'VoyeurismFetish', 'BondageFetish', 'MasochismFetish', 'SadismFetish', 'MuscleFetish', 'LustGain', 'AffectionGain', 'AttractionGain', 'GeneralFetishGain' ]; let modalHTML = ` <div id="weight-modal" class="weight-modal"> <div class="weight-modal-content"> <div class="weight-modal-header"> <h2>⚖️ Fetish Weight Editor</h2> <p>Control the probability of different fetish soul effects appearing for each character.</p> <button class="close-weight-modal" onclick="SoulForge.closeWeightEditor()">✕</button> </div> <div class="weight-character-tabs"> `; // Character tabs characters.forEach((char, index) => { const charName = char === 'rylan' ? (SugarCube.State.variables.humanName || 'Rylan') : char.charAt(0).toUpperCase() + char.slice(1); modalHTML += `<button class="weight-tab ${index === 0 ? 'active' : ''}" onclick="SoulForge.switchWeightTab('${char}')">${charName}</button>`; }); modalHTML += `</div><div class="weight-content">`; // Character weight panels characters.forEach((char, index) => { modalHTML += `<div id="weight-panel-${char}" class="weight-panel ${index === 0 ? 'active' : ''}">`; modalHTML += `<h3>${char === 'rylan' ? (SugarCube.State.variables.humanName || 'Rylan') : char.charAt(0).toUpperCase() + char.slice(1)} - Fetish Weights</h3>`; modalHTML += `<div class="weight-grid">`; fetishTypes.forEach(fetish => { const currentWeight = this.getFetishWeight(char, fetish); const displayName = fetish.replace('Fetish', '').replace(/([A-Z])/g, ' $1').trim(); modalHTML += ` <div class="weight-item"> <label class="weight-label">${displayName}:</label> <input type="range" min="0" max="5" step="0.5" value="${currentWeight}" class="weight-slider" oninput="SoulForge.updateWeight('${char}', '${fetish}', this.value)" onchange="SoulForge.updateWeight('${char}', '${fetish}', this.value)"> <span class="weight-value" id="weight-${char}-${fetish}">${currentWeight}x</span> </div> `; }); modalHTML += `</div>`; modalHTML += `<div class="weight-controls-panel">`; modalHTML += `<button class="weight-reset-button" onclick="SoulForge.resetWeights('${char}')">Reset to Default</button>`; modalHTML += `<button class="weight-random-button" onclick="SoulForge.randomizeWeights('${char}')">Randomize</button>`; modalHTML += `</div>`; modalHTML += `</div>`; }); modalHTML += `</div></div></div>`; // Remove existing modal if present const existingModal = document.getElementById('weight-modal'); if (existingModal) { existingModal.remove(); } // Add modal to page document.body.insertAdjacentHTML('beforeend', modalHTML); // Add modal styles if (!document.getElementById('weight-modal-styles')) { const styles = document.createElement('style'); styles.id = 'weight-modal-styles'; styles.textContent = this.getWeightModalCSS(); document.head.appendChild(styles); } }, closeWeightEditor: function() { const modal = document.getElementById('weight-modal'); if (modal) { modal.remove(); } }, switchWeightTab: function(character) { // Remove active class from all tabs and panels document.querySelectorAll('.weight-tab').forEach(tab => tab.classList.remove('active')); document.querySelectorAll('.weight-panel').forEach(panel => panel.classList.remove('active')); // Add active class to selected tab and panel document.querySelector(`[onclick="SoulForge.switchWeightTab('${character}')"]`).classList.add('active'); document.getElementById(`weight-panel-${character}`).classList.add('active'); }, getFetishWeight: function(character, fetishType) { if (!SugarCube.State.variables.fetishWeights) { SugarCube.State.variables.fetishWeights = {}; } if (!SugarCube.State.variables.fetishWeights[character]) { SugarCube.State.variables.fetishWeights[character] = {}; } // Use hasOwnProperty to distinguish between undefined and 0 if (SugarCube.State.variables.fetishWeights[character].hasOwnProperty(fetishType)) { return SugarCube.State.variables.fetishWeights[character][fetishType]; } return 1.0; // Default only when property doesn't exist }, updateWeight: function(character, fetishType, value) { if (!SugarCube.State.variables.fetishWeights) { SugarCube.State.variables.fetishWeights = {}; } if (!SugarCube.State.variables.fetishWeights[character]) { SugarCube.State.variables.fetishWeights[character] = {}; } SugarCube.State.variables.fetishWeights[character][fetishType] = parseFloat(value); // Update the current history state to include the weight changes SugarCube.State.setVar('fetishWeights', SugarCube.State.variables.fetishWeights); // Also update the previous history states so backward navigation preserves changes this.updateHistoryStates(); // Update display const valueSpan = document.getElementById(`weight-${character}-${fetishType}`); if (valueSpan) { valueSpan.textContent = value + 'x'; } }, resetWeights: function(character) { if (!SugarCube.State.variables.fetishWeights) { SugarCube.State.variables.fetishWeights = {}; } SugarCube.State.variables.fetishWeights[character] = {}; // Update the current history state to include the weight changes SugarCube.State.setVar('fetishWeights', SugarCube.State.variables.fetishWeights); // Also update the previous history states so backward navigation preserves changes this.updateHistoryStates(); // Reset all sliders and values for this character document.querySelectorAll(`#weight-panel-${character} .weight-slider`).forEach(slider => { slider.value = 1.0; const fetishType = slider.getAttribute('onchange').match(/'([^']*)',\s*this.value/)[1]; const valueSpan = document.getElementById(`weight-${character}-${fetishType}`); if (valueSpan) { valueSpan.textContent = '1.0x'; } }); this.showMessage(`Reset ${character}'s fetish weights to default.`, "success"); }, randomizeWeights: function(character) { document.querySelectorAll(`#weight-panel-${character} .weight-slider`).forEach(slider => { const randomValue = (Math.random() * 5).toFixed(1); slider.value = randomValue; const fetishType = slider.getAttribute('onchange').match(/'([^']*)',\s*this.value/)[1]; this.updateWeight(character, fetishType, randomValue); }); // Update the current history state to include the weight changes SugarCube.State.setVar('fetishWeights', SugarCube.State.variables.fetishWeights); // Also update the previous history states so backward navigation preserves changes this.updateHistoryStates(); this.showMessage(`Randomized ${character}'s fetish weights.`, "success"); }, selectWeightedEffect: function(character, effects) { // Create weighted array based on fetish weights const weightedEffects = []; // Debug information console.log(`=== Weight Selection Debug for ${character} ===`); effects.forEach(effect => { // Map effect mechanic to weight category const weightCategory = this.getWeightCategory(effect.mechanic); // Get weight for this category const weight = this.getFetishWeight(character, weightCategory); // Add effect multiple times based on weight (weight * 10 for granularity) // Allow 0 weight to actually mean 0 repetitions const repeatCount = Math.round(weight * 10); console.log(`Effect: "${effect.name}" | Mechanic: "${effect.mechanic}" | Category: "${weightCategory}" | Weight: ${weight} | Repeats: ${repeatCount}`); if (repeatCount > 0) { for (let i = 0; i < repeatCount; i++) { weightedEffects.push(effect); } } }); console.log(`Total weighted effects pool size: ${weightedEffects.length}`); // Select random effect from weighted array if (weightedEffects.length === 0) { console.log("No weighted effects available - all weights are 0. Cannot reroll."); return null; // Return null to indicate no valid effect available } const selectedEffect = weightedEffects[Math.floor(Math.random() * weightedEffects.length)]; console.log(`Selected effect: "${selectedEffect.name}"`); console.log("=== End Weight Debug ==="); return selectedEffect; }, getWeightCategory: function(mechanic) { // Map effect mechanics to weight categories const mechanicToCategory = { // Fetish-specific bonuses and resistances 'FeetFetishBonus': 'FeetFetish', 'FeetFetishResistance': 'FeetFetish', 'SmellFetishBonus': 'SmellFetish', 'SmellFetishResistance': 'SmellFetish', 'ArmpitFetishBonus': 'ArmpitFetish', 'ArmpitFetishResistance': 'ArmpitFetish', 'SalivaFetishBonus': 'SalivaFetish', 'SalivaFetishResistance': 'SalivaFetish', 'BreastFetishBonus': 'BreastFetish', 'BreastFetishResistance': 'BreastFetish', 'AssFetishBonus': 'AssFetish', 'AssFetishResistance': 'AssFetish', 'ThighFetishBonus': 'ThighFetish', 'ThighFetishResistance': 'ThighFetish', 'SubmissionFetishBonus': 'SubmissionFetish', 'SubmissionFetishResistance': 'SubmissionFetish', 'DominanceFetishBonus': 'DominanceFetish', 'DominanceFetishResistance': 'DominanceFetish', 'ExhibitionismFetishBonus': 'ExhibitionismFetish', 'ExhibitionismFetishResistance': 'ExhibitionismFetish', 'VoyeurismFetishBonus': 'VoyeurismFetish', 'VoyeurismFetishResistance': 'VoyeurismFetish', 'BondageFetishBonus': 'BondageFetish', 'BondageFetishResistance': 'BondageFetish', 'MasochismFetishBonus': 'MasochismFetish', 'MasochismFetishResistance': 'MasochismFetish', 'SadismFetishBonus': 'SadismFetish', 'SadismFetishResistance': 'SadismFetish', 'MuscleFetishBonus': 'MuscleFetish', 'MuscleFetishResistance': 'MuscleFetish', // General stat bonuses 'lustGainBonus': 'LustGain', 'lustResistance': 'LustGain', 'affectionBonus': 'AffectionGain', 'attractionBonus': 'AttractionGain', 'fetishGainBonus': 'GeneralFetishGain', 'fetishResistance': 'GeneralFetishGain', // Influence bonuses (demon effects) 'lustInfluenceBonus': 'LustGain', 'attractionInfluenceBonus': 'AttractionGain', 'fetishInfluenceBonus': 'GeneralFetishGain' }; // Return mapped category or default to general category return mechanicToCategory[mechanic] || 'GeneralFetishGain'; }, updateHistoryStates: function() { // Update all history states to include current fetish weights // This ensures that backward navigation preserves the weight changes if (SugarCube.State.variables.fetishWeights && SugarCube.State.history) { try { // Update the current fetish weights in all history states const currentWeights = SugarCube.State.variables.fetishWeights; // Update each state in the history for (let i = 0; i < SugarCube.State.length; i++) { const historyState = SugarCube.State.index(i); if (historyState && historyState.variables) { historyState.variables.fetishWeights = JSON.parse(JSON.stringify(currentWeights)); } } } catch (e) { // If direct history modification fails, fall back to normal state setting console.warn('Could not update history states directly:', e); } } }, updatePreviousStateWithChanges: function() { // Update the previous state with current soul effects so changes persist when going back if (SugarCube.State.history && SugarCube.State.length > 1) { try { const characters = ['rylan', 'liora', 'serin', 'seryk', 'nimeria', 'mariel']; // Get the previous state (where the user will go back to) const previousStateIndex = SugarCube.State.length - 2; const previousState = SugarCube.State.index(previousStateIndex); if (previousState && previousState.variables) { // Update soul effects, blessing counts, and corruption counts in the previous state characters.forEach(char => { const effectsVar = char + '_soulEffects'; const blessingVar = char + '_soulBlessing'; const corruptionVar = char + '_soulCorruption'; // Copy current values to previous state if (SugarCube.State.variables[effectsVar]) { previousState.variables[effectsVar] = JSON.parse(JSON.stringify(SugarCube.State.variables[effectsVar])); } if (SugarCube.State.variables[blessingVar] !== undefined) { previousState.variables[blessingVar] = SugarCube.State.variables[blessingVar]; } if (SugarCube.State.variables[corruptionVar] !== undefined) { previousState.variables[corruptionVar] = SugarCube.State.variables[corruptionVar]; } }); // Also update gold since it's spent in Soul Forge if (SugarCube.State.variables.gold !== undefined) { previousState.variables.gold = SugarCube.State.variables.gold; } // Reset the Soul Forge flag in the previous state so it doesn't interfere with future gameplay previousState.variables.soulForgeActive = false; } } catch (e) { console.warn('Could not update previous state with changes:', e); } } }, getWeightModalCSS: function() { return ` .weight-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10000; display: flex; align-items: center; justify-content: center; } .weight-modal-content { background: linear-gradient(145deg, rgba(25, 25, 50, 0.95), rgba(35, 35, 60, 0.95)); border-radius: 15px; border: 2px solid rgba(138, 43, 226, 0.5); width: 90%; max-width: 800px; max-height: 90%; overflow-y: auto; color: #e0e0e0; } .weight-modal-header { padding: 20px; border-bottom: 1px solid rgba(138, 43, 226, 0.3); position: relative; } .weight-modal-header h2 { margin: 0 0 10px 0; color: #ba55d3; } .close-weight-modal { position: absolute; top: 20px; right: 20px; background: none; border: none; color: #e0e0e0; font-size: 1.5em; cursor: pointer; padding: 5px; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } .close-weight-modal:hover { background: rgba(220, 20, 60, 0.3); } .weight-character-tabs { display: flex; padding: 0 20px; gap: 5px; border-bottom: 1px solid rgba(138, 43, 226, 0.3); } .weight-tab { background: rgba(40, 40, 80, 0.6); border: none; color: #e0e0e0; padding: 12px 20px; cursor: pointer; border-radius: 8px 8px 0 0; transition: background 0.2s ease; } .weight-tab.active { background: rgba(138, 43, 226, 0.4); color: #ba55d3; } .weight-tab:hover { background: rgba(138, 43, 226, 0.3); } .weight-content { padding: 20px; } .weight-panel { display: none; } .weight-panel.active { display: block; } .weight-panel h3 { color: #ba55d3; margin-bottom: 20px; } .weight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 20px; } .weight-item { background: rgba(40, 40, 80, 0.4); padding: 15px; border-radius: 8px; border: 1px solid rgba(138, 43, 226, 0.3); display: flex; flex-direction: column; gap: 8px; } .weight-label { font-weight: bold; color: #dda0dd; font-size: 0.9em; } .weight-slider { width: 100%; height: 6px; border-radius: 3px; background: rgba(100, 100, 100, 0.3); outline: none; -webkit-appearance: none; } .weight-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #ba55d3; cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .weight-slider::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #ba55d3; cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .weight-value { text-align: center; font-weight: bold; color: #ffd700; font-size: 0.9em; } .weight-controls-panel { display: flex; gap: 15px; justify-content: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(138, 43, 226, 0.3); } .weight-reset-button, .weight-random-button { background: linear-gradient(45deg, rgba(138, 43, 226, 0.3), rgba(147, 112, 219, 0.3)); border: 2px solid rgba(138, 43, 226, 0.5); border-radius: 10px; padding: 10px 20px; color: #dda0dd; cursor: pointer; font-weight: bold; transition: background 0.2s ease; } .weight-reset-button:hover, .weight-random-button:hover { background: linear-gradient(45deg, rgba(138, 43, 226, 0.5), rgba(147, 112, 219, 0.5)); } `; } }; </script> <style> .forge-locked-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #e0e0e0; } .locked-message { text-align: center; background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 40px; border: 2px solid rgba(220, 20, 60, 0.3); } .soulforge-container { min-height: 100vh; background: radial-gradient(ellipse at center, rgba(138, 43, 226, 0.2) 0%, rgba(75, 0, 130, 0.3) 35%, rgba(0, 0, 0, 0.9) 100%); padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0; position: relative; overflow-x: hidden; } .forge-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; background: rgba(25, 25, 50, 0.8); border-radius: 15px; padding: 25px; border: 2px solid rgba(138, 43, 226, 0.4); backdrop-filter: blur(10px); } .forge-title-section { display: flex; align-items: center; gap: 20px; } .forge-icon { font-size: 3em; text-shadow: 0 0 20px rgba(138, 43, 226, 0.8); } .forge-title { font-size: 2.5em; margin: 0; background: linear-gradient(45deg, #9370db, #dda0dd, #ba55d3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 20px rgba(147, 112, 219, 0.5); } .forge-subtitle { font-size: 1em; opacity: 0.8; font-style: italic; color: #dda0dd; margin: 0; } .forge-resources { display: flex; align-items: center; gap: 20px; } .gold-display { background: linear-gradient(45deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.1)); border: 2px solid rgba(255, 215, 0, 0.4); border-radius: 20px; padding: 12px 20px; display: flex; align-items: center; gap: 10px; box-shadow: 0 0 15px rgba(255, 215, 0, 0.2); } .gold-icon { font-size: 1.5em; text-shadow: 0 0 10px rgba(255, 215, 0, 0.6); } .gold-amount { font-size: 1.2em; font-weight: bold; color: #ffd700; } .weight-controls { display: flex; align-items: center; } .weight-button { background: linear-gradient(45deg, rgba(138, 43, 226, 0.3), rgba(147, 112, 219, 0.3)); border: 2px solid rgba(138, 43, 226, 0.5); border-radius: 15px; padding: 10px 18px; color: #dda0dd; cursor: pointer; font-weight: bold; transition: background 0.2s ease; display: flex; align-items: center; gap: 8px; font-size: 0.9em; } .weight-button:hover { background: linear-gradient(45deg, rgba(138, 43, 226, 0.5), rgba(147, 112, 219, 0.5)); box-shadow: 0 0 15px rgba(138, 43, 226, 0.3); } .weight-icon { font-size: 1.2em; } .weight-text { font-size: 1em; } .forge-content { max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; } .character-forge-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); gap: 25px; margin-bottom: 30px; } .character-forge-card { background: rgba(25, 25, 50, 0.8); border-radius: 15px; padding: 20px; border: 2px solid transparent; transition: border-color 0.2s ease; } .human-type { border-color: rgba(100, 149, 237, 0.4); } .human-type:hover { border-color: rgba(100, 149, 237, 0.6); box-shadow: 0 5px 20px rgba(100, 149, 237, 0.2); } .demon-type { border-color: rgba(220, 20, 60, 0.4); } .demon-type:hover { border-color: rgba(220, 20, 60, 0.6); box-shadow: 0 5px 20px rgba(220, 20, 60, 0.2); } .character-forge-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(138, 43, 226, 0.3); } .character-portrait-section { position: relative; } .forge-portrait { width: 110px; height: 110px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .soul-aura-forge { position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px; border-radius: 50%; z-index: -1; opacity: 0.7; } .rylan-aura-forge { background: rgba(100, 149, 237, 0.3); } .liora-aura-forge { background: rgba(255, 182, 193, 0.3); } .serin-aura-forge { background: rgba(255, 69, 0, 0.3); } .seryk-aura-forge { background: rgba(138, 43, 226, 0.3); } .nimeria-aura-forge { background: rgba(221, 160, 221, 0.3); } .mariel-aura-forge { background: rgba(255, 215, 0, 0.3); } .character-info-section { flex: 1; } .character-forge-name { font-size: 1.4em; margin: 0 0 8px 0; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .soul-stats-forge { display: flex; gap: 10px; } .blessing-stat-forge, .corruption-stat-forge { padding: 6px 12px; border-radius: 12px; font-weight: bold; font-size: 0.9em; } .blessing-stat-forge { background: linear-gradient(45deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.1)); border: 1px solid rgba(255, 215, 0, 0.4); color: #ffd700; } .corruption-stat-forge { background: linear-gradient(45deg, rgba(220, 20, 60, 0.2), rgba(220, 20, 60, 0.1)); border: 1px solid rgba(220, 20, 60, 0.4); color: #ff6b6b; } .effects-forge-section { min-height: 200px; } .effects-grid { display: grid; gap: 15px; } .soulforge-effect-item { background: rgba(40, 40, 80, 0.6); border-radius: 12px; padding: 15px; border: 1px solid; transition: border-color 0.2s ease; display: flex; justify-content: space-between; align-items: center; gap: 15px; } .soulforge-blessing-effect { border-color: rgba(255, 215, 0, 0.4); background: linear-gradient(135deg, rgba(255, 215, 0, 0.05), rgba(255, 215, 0, 0.02)); } .soulforge-blessing-effect:hover { border-color: rgba(255, 215, 0, 0.6); } .soulforge-corruption-effect { border-color: rgba(220, 20, 60, 0.4); background: linear-gradient(135deg, rgba(220, 20, 60, 0.05), rgba(220, 20, 60, 0.02)); } .soulforge-corruption-effect:hover { border-color: rgba(220, 20, 60, 0.6); } .soulforge-effect-info { flex: 1; } .soulforge-effect-header { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; } .soulforge-effect-icon { font-size: 1.2em; } .soulforge-effect-name { font-weight: bold; color: #fff; } .soulforge-effect-level { font-size: 0.8em; padding: 2px 6px; border-radius: 8px; background: rgba(255, 255, 255, 0.2); color: #fff; } .soulforge-effect-description { font-size: 0.85em; opacity: 0.8; line-height: 1.3; } .soulforge-effect-actions { display: flex; gap: 8px; flex-direction: column; } .soulforge-reroll-button, .soulforge-remove-button { background: none; border: 2px solid; border-radius: 8px; padding: 8px 12px; color: white; cursor: pointer; font-size: 0.8em; font-weight: bold; transition: background 0.2s ease; display: flex; align-items: center; gap: 5px; min-width: 110px; } .soulforge-reroll-button { border-color: rgba(255, 165, 0, 0.6); color: #ffa500; } .soulforge-reroll-button:hover { background: rgba(255, 165, 0, 0.2); } .soulforge-reroll-button-disabled { background: none; border: 2px solid rgba(100, 100, 100, 0.3); border-radius: 8px; padding: 8px 12px; color: rgba(150, 150, 150, 0.6); cursor: not-allowed; font-size: 0.8em; font-weight: bold; display: flex; align-items: center; gap: 5px; min-width: 110px; opacity: 0.5; } .soulforge-remove-button { border-color: rgba(220, 20, 60, 0.6); color: #dc143c; } .soulforge-remove-button:hover { background: rgba(220, 20, 60, 0.2); } .soulforge-action-icon { font-size: 1em; } .soulforge-action-text { font-size: 0.85em; } .soulforge-action-cost { font-size: 0.75em; opacity: 0.8; } .no-effects-forge { text-align: center; padding: 40px 20px; opacity: 0.6; font-style: italic; } .no-effects-icon { font-size: 3em; margin-bottom: 10px; opacity: 0.5; } .forge-controls { background: rgba(25, 25, 50, 0.6); border-radius: 15px; padding: 25px; margin-bottom: 30px; border: 1px solid rgba(138, 43, 226, 0.3); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; } .control-section h3, .cost-reference h4 { color: #ba55d3; margin-bottom: 15px; text-shadow: 0 0 5px rgba(186, 85, 211, 0.5); } .control-buttons { display: flex; gap: 15px; flex-wrap: wrap; } .refresh-button, .overview-button { background: linear-gradient(45deg, rgba(138, 43, 226, 0.3), rgba(147, 112, 219, 0.3)); border: 2px solid rgba(138, 43, 226, 0.5); border-radius: 10px; padding: 12px 18px; color: #dda0dd; cursor: pointer; font-weight: bold; transition: background 0.2s ease; display: flex; align-items: center; gap: 8px; } .refresh-button:hover, .overview-button:hover { background: linear-gradient(45deg, rgba(138, 43, 226, 0.5), rgba(147, 112, 219, 0.5)); } .control-icon { font-size: 1.2em; } .cost-grid { display: flex; flex-direction: column; gap: 10px; } .cost-item { display: flex; align-items: center; gap: 10px; padding: 8px; background: rgba(40, 40, 80, 0.4); border-radius: 8px; } .cost-icon { font-size: 1.2em; min-width: 25px; text-align: center; } .forge-navigation { text-align: center; margin-top: 30px; } .nav-buttons-forge { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .back-button, .tutorial-button { background: linear-gradient(45deg, rgba(100, 149, 237, 0.3), rgba(70, 130, 180, 0.3)); border: 2px solid rgba(100, 149, 237, 0.5); border-radius: 20px; padding: 12px 25px; color: #87ceeb; cursor: pointer; font-weight: bold; font-size: 1em; transition: background 0.2s ease; display: flex; align-items: center; gap: 10px; } .back-button:hover, .tutorial-button:hover { background: linear-gradient(45deg, rgba(100, 149, 237, 0.5), rgba(70, 130, 180, 0.5)); } .nav-icon { font-size: 1.2em; } @media (max-width: 768px) { .character-forge-grid { grid-template-columns: 1fr; } .forge-header { flex-direction: column; gap: 20px; text-align: center; } .forge-controls { grid-template-columns: 1fr; } .control-buttons { justify-content: center; } .nav-buttons-forge { flex-direction: column; align-items: center; } .effect-actions-forge { flex-direction: row; } } </style> <<changeFace $currentNimeriaFace>>

<<nobr>> <div class="soul-overview-container"> <div class="soul-header"> <div class="soul-title-glow"> <h1>🌟 SOUL SYSTEM OVERVIEW 🌟</h1> <p class="soul-subtitle">Divine Blessings & Dark Corruption</p> </div> </div> <div class="character-grid"> <div class="character-card human-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/rylan/face.webp" alt="<<print $humanName>>" class="portrait-img"> <div class="soul-aura rylan-aura"></div> </div> <h3 class="character-name"><<print $humanName>></h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $rylan_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $rylan_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _rylanEffects = $rylan_soulEffects || []>> <<if _rylanEffects.length > 0>> <<for _effect range _rylanEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> <div class="character-card human-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/liora/face.webp" alt="Liora" class="portrait-img"> <div class="soul-aura liora-aura"></div> </div> <h3 class="character-name">Liora</h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $liora_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $liora_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _lioraEffects = $liora_soulEffects || []>> <<if _lioraEffects.length > 0>> <<for _effect range _lioraEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> <div class="character-card human-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/serin/face.webp" alt="Serin" class="portrait-img"> <div class="soul-aura serin-aura"></div> </div> <h3 class="character-name">Serin</h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $serin_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $serin_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _serinEffects = $serin_soulEffects || []>> <<if _serinEffects.length > 0>> <<for _effect range _serinEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> <div class="character-card demon-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/seryk/face.webp" alt="Seryk" class="portrait-img"> <div class="soul-aura seryk-aura"></div> </div> <h3 class="character-name">Seryk</h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $seryk_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $seryk_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _serykEffects = $seryk_soulEffects || []>> <<if _serykEffects.length > 0>> <<for _effect range _serykEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> <div class="character-card demon-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/nimeria/face.webp" alt="Nimeria" class="portrait-img"> <div class="soul-aura nimeria-aura"></div> </div> <h3 class="character-name">Nimeria</h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $nimeria_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $nimeria_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _nimeriaEffects = $nimeria_soulEffects || []>> <<if _nimeriaEffects.length > 0>> <<for _effect range _nimeriaEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> <div class="character-card human-card"> <div class="character-header"> <div class="character-portrait"> <img src="images/mariel/face.webp" alt="Mariel" class="portrait-img"> <div class="soul-aura mariel-aura"></div> </div> <h3 class="character-name">Mariel</h3> <div class="soul-stats"> <span class="blessing-stat">✨ <<print $mariel_soulBlessing || 0>></span> <span class="corruption-stat">🌑 <<print $mariel_soulCorruption || 0>></span> </div> </div> <div class="soul-effects-container"> <<set _marielEffects = $mariel_soulEffects || []>> <<if _marielEffects.length > 0>> <<for _effect range _marielEffects>> <div class="soul-effect-item <<print _effect.type>>"> <div class="effect-icon"><<if _effect.type === "blessing">>✨<<else>>🌑<</if>></div> <div class="effect-content"> <span class="effect-name"><<print _effect.name>><<if _effect.level && _effect.level > 1>> <span class="effect-level">Lv.<<print _effect.level>></span><</if>></span> <span class="effect-description"><<print _effect.effect>></span> </div> </div> <</for>> <<else>> <div class="no-effects">Pure soul - no effects yet</div> <</if>> </div> </div> </div> <div class="soul-legend"> <div class="legend-section"> <h4>🌟 Soul Path Types</h4> <div class="legend-items"> <div class="legend-item"> <span class="legend-icon blessing">✨</span> <span class="legend-text">Divine Blessing - Pure power through righteousness</span> </div> <div class="legend-item"> <span class="legend-icon corruption">🌑</span> <span class="legend-text">Dark Corruption - Twisted strength through desire</span> </div> </div> </div> <div class="legend-section"> <h4>👥 Character Types</h4> <div class="legend-items"> <div class="legend-item"> <span class="legend-icon human">👤</span> <span class="legend-text">Humans - Tend toward submissive corruption</span> </div> <div class="legend-item"> <span class="legend-icon demon">😈</span> <span class="legend-text">Demons - Tend toward dominant corruption</span> </div> </div> </div> </div> <div class="navigation-section"> <div class="nav-buttons"> <<if $soulForgeUnlocked>><a href="javascript:void(0)" onclick="SugarCube.Engine.play('SoulForge')" class="soul-forge-nav">🔮 Soul Forge</a><</if>> <a href="javascript:void(0)" onclick="SugarCube.Engine.backward()">⬅ Go Back</a> </div> </div> </div> <</nobr>> <style> .soul-overview-container { min-height: 100vh; background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 25%, #16213e 50%, #2a1810 75%, #1a0a0a 100%); padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #e0e0e0; } .soul-header { text-align: center; margin-bottom: 40px; position: relative; } .soul-title-glow { background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, rgba(139, 0, 0, 0.1) 50%, transparent 70%); padding: 30px; border-radius: 20px; border: 2px solid transparent; background-clip: padding-box; position: relative; } .soul-title-glow::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #ffd700, #ff6b6b, #4a9eff, #ffd700); border-radius: 20px; z-index: -1; animation: borderGlow 3s ease-in-out infinite alternate; } @keyframes borderGlow { 0% { opacity: 0.5; transform: scale(1); } 100% { opacity: 0.8; transform: scale(1.02); } } .soul-title-glow h1 { font-size: 2.5em; margin: 0; text-shadow: 0 0 20px rgba(255, 215, 0, 0.5), 0 0 40px rgba(139, 0, 0, 0.3); background: linear-gradient(45deg, #ffd700, #ff6b6b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .soul-subtitle { font-size: 1.2em; margin: 10px 0 0 0; opacity: 0.8; font-style: italic; } .character-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 40px; } .character-card { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 20px; border: 2px solid transparent; position: relative; overflow: hidden; transition: all 0.3s ease; backdrop-filter: blur(10px); } .character-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 2px; background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: exclude; z-index: -1; } .human-card { border-left: 4px solid #4a9eff; } .demon-card { border-left: 4px solid #ff6b6b; } .character-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .character-header { display: flex; align-items: center; margin-bottom: 20px; gap: 15px; } .character-portrait { position: relative; width: 110px; height: 110px; } .portrait-img { width: 110px; height: 110px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.2); object-fit: cover; } .soul-aura { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; z-index: -1; animation: auraGlow 2s ease-in-out infinite alternate; } .rylan-aura { background: radial-gradient(circle, rgba(74, 158, 255, 0.3) 0%, transparent 70%); } .liora-aura { background: radial-gradient(circle, rgba(255, 182, 193, 0.3) 0%, transparent 70%); } .serin-aura { background: radial-gradient(circle, rgba(255, 69, 0, 0.3) 0%, transparent 70%); } .seryk-aura { background: radial-gradient(circle, rgba(138, 43, 226, 0.3) 0%, transparent 70%); } .nimeria-aura { background: radial-gradient(circle, rgba(221, 160, 221, 0.3) 0%, transparent 70%); } .mariel-aura { background: radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 70%); } @keyframes auraGlow { 0% { opacity: 0.5; transform: scale(1); } 100% { opacity: 0.8; transform: scale(1.1); } } .character-name { font-size: 1.4em; margin: 0; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); flex-grow: 1; } .soul-stats { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; } .blessing-stat, .corruption-stat { padding: 5px 10px; border-radius: 15px; font-weight: bold; font-size: 0.9em; min-width: 40px; text-align: center; } .blessing-stat { background: linear-gradient(45deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.1)); border: 1px solid rgba(255, 215, 0, 0.3); color: #ffd700; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); } .corruption-stat { background: linear-gradient(45deg, rgba(139, 0, 0, 0.2), rgba(139, 0, 0, 0.1)); border: 1px solid rgba(139, 0, 0, 0.3); color: #ff6b6b; text-shadow: 0 0 10px rgba(255, 107, 107, 0.5); } .soul-effects-container { max-height: 300px; overflow-y: auto; padding-right: 10px; } .soul-effects-container::-webkit-scrollbar { width: 6px; } .soul-effects-container::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 3px; } .soul-effects-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } .soul-effect-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px; margin-bottom: 10px; border-radius: 10px; transition: all 0.3s ease; position: relative; overflow: hidden; } .soul-effect-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.5s ease; } .soul-effect-item:hover::before { left: 100%; } .soul-effect-item.blessing { background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 215, 0, 0.05)); border-left: 3px solid #ffd700; } .soul-effect-item.corruption { background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), rgba(139, 0, 0, 0.05)); border-left: 3px solid #ff6b6b; } .effect-icon { font-size: 1.2em; min-width: 20px; text-align: center; margin-top: 2px; } .effect-content { flex-grow: 1; } .effect-name { display: block; font-weight: bold; font-size: 1em; margin-bottom: 4px; color: #fff; } .effect-level { font-size: 0.8em; padding: 2px 6px; border-radius: 10px; background: rgba(255, 255, 255, 0.2); color: #fff; margin-left: 5px; } .effect-description { display: block; font-size: 0.85em; opacity: 0.8; line-height: 1.3; } .no-effects { text-align: center; padding: 30px; opacity: 0.6; font-style: italic; color: #ccc; } .soul-legend { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 25px; margin-bottom: 30px; border: 1px solid rgba(255, 255, 255, 0.1); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .legend-section h4 { margin: 0 0 15px 0; color: #4a9eff; font-size: 1.2em; text-shadow: 0 0 10px rgba(74, 158, 255, 0.3); } .legend-items { display: flex; flex-direction: column; gap: 10px; } .legend-item { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.03); transition: background 0.3s ease; } .legend-item:hover { background: rgba(255, 255, 255, 0.08); } .legend-icon { font-size: 1.2em; min-width: 25px; text-align: center; } .legend-icon.blessing { color: #ffd700; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); } .legend-icon.corruption { color: #ff6b6b; text-shadow: 0 0 10px rgba(255, 107, 107, 0.5); } .legend-icon.human { color: #4a9eff; text-shadow: 0 0 10px rgba(74, 158, 255, 0.5); } .legend-icon.demon { color: #ff6b6b; text-shadow: 0 0 10px rgba(255, 107, 107, 0.5); } .legend-text { font-size: 0.9em; opacity: 0.9; } .navigation-section { text-align: center; } .nav-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .nav-buttons a { padding: 12px 25px; background: linear-gradient(45deg, rgba(74, 158, 255, 0.2), rgba(74, 158, 255, 0.1)); border: 2px solid rgba(74, 158, 255, 0.3); border-radius: 25px; color: #4a9eff; text-decoration: none; font-weight: bold; transition: all 0.3s ease; text-shadow: 0 0 10px rgba(74, 158, 255, 0.3); } .nav-buttons a:hover { background: linear-gradient(45deg, rgba(74, 158, 255, 0.3), rgba(74, 158, 255, 0.2)); border-color: rgba(74, 158, 255, 0.5); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(74, 158, 255, 0.2); } .soul-forge-nav { background: linear-gradient(45deg, rgba(138, 43, 226, 0.2), rgba(147, 112, 219, 0.1)) !important; border: 2px solid rgba(138, 43, 226, 0.3) !important; color: #dda0dd !important; text-shadow: 0 0 10px rgba(221, 160, 221, 0.3) !important; } .soul-forge-nav:hover { background: linear-gradient(45deg, rgba(138, 43, 226, 0.3), rgba(147, 112, 219, 0.2)) !important; border-color: rgba(138, 43, 226, 0.5) !important; box-shadow: 0 5px 15px rgba(138, 43, 226, 0.2) !important; } @media (max-width: 768px) { .character-grid { grid-template-columns: 1fr; } .soul-legend { grid-template-columns: 1fr; } .nav-buttons { flex-direction: column; align-items: center; } .soul-title-glow h1 { font-size: 2em; } } </style> <<changeFace $currentRylanFace>>

<<if !$combatInitialized>> <<set $currentHealth = $currentHealth || 100>> <<set $combatInitialized = true>> <<set $turnCount = 0>> <</if>><<set $combatLog = ["Battle begins!"]>><<for _enemy range $currentEnemies>> <<set _stats = State.variables[_enemy.toLowerCase() + "_combatStats"]>> <<if _stats.currentHealth <= 0>> <<set _enemyId = "enemy-" + _enemy.toLowerCase()>> <<run $(document).ready(() => { const enemyEl = document.getElementById(_enemyId); if (enemyEl) enemyEl.classList.add('defeated'); })>> <</if>> <</for>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<if _stats.currentHealth <= 0>> <<set _charId = "char-" + _char.toLowerCase()>> <<run $(document).ready(() => { const charEl = document.getElementById(_charId); if (charEl) charEl.classList.add('defeated'); })>> <</if>> <</for>> <div class="combat-container" style="background: url('images/landscapes/forestofbeginning.webp') no-repeat center center; background-size: cover;"> <div class="enemy-section"> <<for _enemy range $currentEnemies>> <<set _baseEnemyName = _enemy.replace(/\d+$/, '')>> <<set _enemyId = "enemy-" + _enemy.toLowerCase()>> <div class="enemy-display" id="$_enemyId"> <div class="enemy-sprite"> <<set _enemyImage to "images/Enemies/" + _baseEnemyName.replace(/\d+/, '') + ".webp">> <img @src=_enemyImage class="chibi-model"> </div> <div class="name"><<print _enemy>></div> <<set _stats = State.variables[_enemy.toLowerCase() + "_combatStats"]>> <div class="stats-container"> <div class="stat-bar hp-bar"> <div class="bar-label">HP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor(_stats.currentHealth)>>/<<print _stats.maxHealth>></div> </div> </div> </div> <</for>> </div> <div class="combat-log"> <div class="log-entry"><<print $combatLog[$combatLog.length - 1]>></div> </div> <div class="party-section"> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charId = "char-" + _char.toLowerCase()>> <div class="character-display" id="$_charId"> <div class="character-sprite"> <<set _imagePath to "images/Chibi-models/" + _char + "back.webp">> <img @src=_imagePath class="chibi-model"> </div> <div class="name"><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>></div> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <div class="stats-container"> <div class="stat-bar hp-bar"> <div class="bar-label">HP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor(_stats.currentHealth)>>/<<print _stats.maxHealth>></div> </div> <div class="stat-bar sp-bar"> <div class="bar-label">SP</div> <div class="bar-background"> <div class="bar-fill" style="width: <<print (_stats.currentStamina / _stats.maxStamina * 100)>>%"></div> </div> <div class="bar-text"><<print Math.floor(_stats.currentStamina)>>/<<print _stats.maxStamina>></div></div> </div> </div> <</for>> </div> <div class="action-button"> <<script>> setTimeout(function() { Engine.play("CombatContinue"); }, 500); <</script>> </div> </div> <style> .combat-container { display: flex; flex-direction: column; gap: 20px; padding: 20px; border-radius: 10px; min-height: 600px; position: relative; } .combat-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); border-radius: 10px; z-index: 1; } .enemy-section, .party-section, .combat-log, .action-button { position: relative; z-index: 2; } .enemy-section, .party-section { display: flex; justify-content: space-around; gap: 10px; } .enemy-display, .character-display { background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 5px; width: 200px; display: flex; flex-direction: column; align-items: center; position: relative; } .enemy-sprite, .character-sprite { width: 96px; height: 96px; margin-bottom: 10px; } .chibi-model { width: 100%; height: 100%; image-rendering: pixelated; object-fit: contain; } .name { color: white; font-weight: bold; margin-bottom: 5px; text-align: center; } .stats-container { width: 100%; display: flex; flex-direction: column; gap: 5px; } .stat-bar { width: 100%; display: flex; align-items: center; gap: 5px; height: 20px; } .bar-label { width: 35px; color: white; font-size: 12px; text-align: right; } .bar-background { flex-grow: 1; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 3px; overflow: hidden; position: relative; } .bar-text { width: 60px; color: white; font-size: 12px; text-align: left; } .hp-bar .bar-fill { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #ff4444, #ff6b6b); transition: width 0.1s ease; } .sp-bar .bar-fill { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #4444ff, #6b6bff); transition: width 0.1s ease; } .lust-bar .bar-fill { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #ff44ff, #ff6bff); transition: width 0.1s ease; } .combat-log { background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 5px; color: white; min-height: 100px; max-height: 200px; overflow-y: auto; text-align: left; font-size: 14px; line-height: 1.4; } .log-entry { margin: 4px 0; padding: 2px 5px; border-left: 3px solid transparent; } .log-entry:nth-child(odd) { background: rgba(255, 255, 255, 0.1); border-left-color: #4CAF50; } .log-entry:nth-child(even) { border-left-color: #2196F3; } .log-entry:last-child { border-left-color: #ff4444; font-weight: bold; } .action-button { text-align: center; } .action-button a { display: inline-block; padding: 10px 20px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; transition: background 0.3s; } .action-button a:hover { background: #45a049; } .defeated { opacity: 0.7; background: rgba(255, 0, 0, 0.2) !important; pointer-events: none; } .defeated .enemy-sprite img, .defeated .character-sprite img { filter: grayscale(100%) brightness(70%); } .defeated .stat-bar .bar-fill { background: #660000 !important; } </style>

<<set $turnCount += 1>> <<set _currentActor = null>> <<set _currentTarget = null>> <<set _action = "">> <<set _damage = 0>> <<set _isHealingAction = false>> <<set _partyMembers = []>> <<set _enemies = []>> <<for _enemy range $currentEnemies>> <<if State.variables[_enemy.toLowerCase() + "_combatStats"].currentHealth > 0>> <<run _enemies.push({ name: _enemy, agility: State.variables[_enemy.toLowerCase() + "_combatStats"].agility })>> <</if>> <</for>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<if State.variables[_char.toLowerCase() + "_combatStats"].currentHealth > 0>> <<run _partyMembers.push({ name: _char, agility: State.variables[_char.toLowerCase() + "_combatStats"].agility })>> <</if>> <</for>> <<if !_isHealingAction>> <<set _partyTotalAgility = 0>> <<set _enemyTotalAgility = 0>> <<for _member range _partyMembers>> <<set _partyTotalAgility += _member.agility>> <</for>> <<for _enemy range _enemies>> <<set _enemyTotalAgility += _enemy.agility>> <</for>> <<set _isPartyTurn = random(0, _partyTotalAgility + _enemyTotalAgility) < _partyTotalAgility>> <<if _isPartyTurn>> <<if !$partyTurnIndex>> <<set $partyTurnIndex = 0>> <</if>> <<set _availablePartyMembers = _partyMembers.filter(member => State.variables[member.name.toLowerCase() + "_combatStats"].currentHealth > 0)>> <<if _availablePartyMembers.length > 0>> <<set _currentActor = _availablePartyMembers[$partyTurnIndex % _availablePartyMembers.length].name>> <<set $partyTurnIndex = ($partyTurnIndex + 1) % _availablePartyMembers.length>> <</if>> <<else>> <<set _totalEnemyAgility = 0>> <<for _enemy range _enemies>> <<set _totalEnemyAgility += _enemy.agility>> <</for>> <<set _randomRoll = random(0, _totalEnemyAgility)>> <<set _currentSum = 0>> <<for _enemy range _enemies>> <<set _currentSum += _enemy.agility>> <<if _randomRoll <= _currentSum>> <<set _currentActor = _enemy.name>> <<break>> <</if>> <</for>> <</if>> <</if>><<if _currentActor && typeof _currentActor === "string">> <<set _actorStats = State.variables[_currentActor.toLowerCase() + "_combatStats"]>> <<if _currentActor === "Liora">> <<set _needsHealing = false>> <<set _anyoneBelow50 = false>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<if State.variables[_char.toLowerCase() + "_combatStats"].currentHealth > 0>> <<set _memberStats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _healthPercent = _memberStats.currentHealth / _memberStats.maxHealth>> <<if _healthPercent < 0.5>> <<set _anyoneBelow50 = true>> <<set _needsHealing = true>> <</if>> <</if>> <</for>> <<if _anyoneBelow50 && _actorStats.currentStamina < 20>> <<set $combatLog = ["Liora is out of mana! The party must escape!"]>> <<set $combatState.escape = true>> <<elseif _needsHealing && _actorStats.currentStamina >= 20>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<if State.variables[_char.toLowerCase() + "_combatStats"].currentHealth > 0>> <<set State.variables[_char.toLowerCase() + "_combatStats"].currentHealth = State.variables[_char.toLowerCase() + "_combatStats"].maxHealth>> <</if>> <</for>> <<set _actorStats.currentStamina -= 20>> <<set _action = "performs full party heal, restoring everyone to full health">> <<set _damage = "Full">> <<set _currentTarget = "Everyone">> <<set _isHealingAction = true>> <<set $combatLog = [(_currentActor === "Rylan" ? $humanName : _currentActor) + " " + _action + "!"]>> <</if>> <</if>> <<if !_isHealingAction>> <<if _isPartyTurn>> <<set _validTargets = _enemies.map(e => e.name).sort()>> <<else>> <<set _validTargets = _partyMembers.map(p => p.name)>> <</if>> <<if _validTargets.length > 0>> <<set _currentTarget = _validTargets[0]>> <<if _currentTarget>> <<if _currentActor === "Rylan" && _actorStats.currentStamina >= 25>> <<set _damage = Math.floor(_actorStats.physicalPower * 1.8)>> <<set _action = "uses Power Strike, dealing">> <<set _actorStats.currentStamina -= 25>> <<elseif _currentActor === "Serin" && _actorStats.currentStamina >= 20>> <<set _damage = Math.floor(_actorStats.physicalPower * 1.5 + _actorStats.agility * 0.5)>> <<set _action = "uses Quick Slash, dealing">> <<set _actorStats.currentStamina -= 20>> <<else>> <<set _damage = Math.floor(_actorStats.physicalPower * 1.2)>> <<set _action = "attacks, dealing">> <<set _actorStats.currentStamina = Math.min(_actorStats.maxStamina, _actorStats.currentStamina + 5)>> <</if>> <</if>><<set _targetStats = State.variables[_currentTarget.toLowerCase() + "_combatStats"]>> <<if _targetStats>> <<set _targetStats.currentHealth = Math.max(0, _targetStats.currentHealth - _damage)>> <<set $combatLog = [(_currentActor === "Rylan" ? $humanName : _currentActor) + " " + _action + " " + _damage + " damage to " + (_currentTarget === "Rylan" ? $humanName : _currentTarget) + "!"]>> <</if>> <</if>> <</if>> <<set _isEnemyActor = !["Rylan", "Serin", "Liora"].includes(_currentActor)>> <<if _isEnemyActor>> <<set _baseEnemyName = _currentActor.replace(/\d+$/, '')>> <<set _imgTag = '<center><img src="images/Chibi-models/' + _baseEnemyName + 'attack.webp" alt="' + _currentActor + ' Attacking" width="200"></center>'>> <<else>> <<set _imgTag = '<center><img src="images/Chibi-models/' + _currentActor + 'attack.webp" alt="' + (_currentActor === "Rylan" ? $humanName : _currentActor) + ' Attacking" width="200"></center>'>> <</if>> <<print _imgTag>> <<audio "attack" play>> <<print $combatLog[$combatLog.length - 1]>> <</if>> <<set _allEnemiesDead = _enemies.filter(e => State.variables[e.name.toLowerCase() + "_combatStats"].currentHealth > 0).length === 0>> <<set _allPlayersDead = _partyMembers.filter(p => State.variables[p.name.toLowerCase() + "_combatStats"].currentHealth > 0).length === 0>> <<if $combatState && $combatState.escape>> <<set $combatLog = ["The party escapes due to mana shortage!"]>> <<goto "Escape">> <<elseif _allEnemiesDead>> <<set $combatLog = ["Victory! All enemies have been defeated!"]>> <<goto "Victory">> <<elseif _allPlayersDead>> <<set $combatLog = ["Defeat... Your party has fallen..."]>> <<goto "Defeat">> <<else>> <<timed 0.5s>><<goto "Combat">><</timed>> <</if>>

<div class="victory-screen"> <h2>Victory!</h2> <div class="rewards"> <div class="gold-reward"> <<set _goldReward = random(10, 30)>> <<set $gold += _goldReward>> 💰 Gold: <<print _goldReward>> </div> <<if $battleDrops && $battleDrops.length > 0>> <div class="stat-drops"> <h3>Items Found</h3> <<for _item range $battleDrops>> <div class="stat-drop-item"> <<print _item.name>> </div> <</for>> </div> <</if>> <div class="post-battle-healing"> <<set _lioraStats = State.variables["liora_combatStats"]>> <<set _healingPerformed = false>> <<set _anyoneNeedsHealing = false>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _memberStats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<if _memberStats && _memberStats.currentHealth > 0>> <<set _healthPercent = _memberStats.currentHealth / _memberStats.maxHealth>> <<if _healthPercent < 0.5>> <<set _anyoneNeedsHealing = true>> <</if>> <</if>> <</for>> <<if _anyoneNeedsHealing && _lioraStats && _lioraStats.currentStamina >= 20>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _memberStats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<if _memberStats && _memberStats.currentHealth > 0>> <<set _memberStats.currentHealth = _memberStats.maxHealth>> <</if>> <</for>> <<set _lioraStats.currentStamina -= 20>> <<set _healingPerformed = true>> <div class="healing-action"> <span class="dialog-liora">"I need to make sure everyone is fully healed..."</span> <br>Liora's hands glow with intense golden light as she performs a full party heal, restoring everyone to maximum HP! </div> <<elseif !_anyoneNeedsHealing>> <div class="no-healing"> <span class="dialog-liora">"Everyone looks fine. No one is seriously injured."</span> </div> <</if>> </div> <div class="stat-increases"> <h3>Combat Experience Gained</h3> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _charStats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<if _charStats>> <<set _pwrIncrease = (random(10, 30) / 100)>> <<set _agiIncrease = (random(10, 30) / 100)>> <<set _willIncrease = (random(10, 30) / 100)>> <<set _techIncrease = (random(10, 30) / 100)>> <<set _percIncrease = (random(10, 30) / 100)>> <<set _hpIncrease = random(1, 3)>> <<set _spIncrease = random(1, 3)>> <<set _charStats.physicalPower += _pwrIncrease>> <<set _charStats.agility += _agiIncrease>> <<set _charStats.willpower += _willIncrease>> <<set _charStats.technique += _techIncrease>> <<set _charStats.perception += _percIncrease>> <<set _charStats.maxHealth += _hpIncrease>> <<set _charStats.maxStamina += _spIncrease>> <<trackCombatStat _char "physicalPower" _pwrIncrease>> <<trackCombatStat _char "agility" _agiIncrease>> <<trackCombatStat _char "willpower" _willIncrease>> <<trackCombatStat _char "technique" _techIncrease>> <<trackCombatStat _char "perception" _percIncrease>> <<trackOther _char "maxHealth" _hpIncrease>> <<trackOther _char "maxStamina" _spIncrease>> <div class="stat-increase-char"> <strong><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>>:</strong> 💪+<<print _pwrIncrease.toFixed(1)>> 🏃+<<print _agiIncrease.toFixed(1)>> 🧠+<<print _willIncrease.toFixed(1)>> ⚔️+<<print _techIncrease.toFixed(1)>> 👁️ <<print _percIncrease.toFixed(1)>> ❤️ <<print _hpIncrease>> ⚡+<<print _spIncrease>> </div> <</if>> <</for>> </div> </div> <<script>>$(document).trigger(':combatVictory');<</script>> <<if State.variables.serykxliorantr && State.variables.liora_combatStats>> <<set _lioraMana = State.variables.liora_combatStats.currentStamina>> <<set _maxMana = State.variables.liora_combatStats.maxStamina>> <<set _manaPercent = _lioraMana / _maxMana>> <<if _manaPercent < 0.5>> <<set $postBattleSerykAssistance = true>> <</if>> <</if>> <<if $postBattleSerykAssistance>> [[Continue|SerykManaAssistance]] <<elseif $combatContext === "chapter1BlackSlimeQuest">> [[Continue|SlimeVictory]] <<else>> [[Continue|ContinueAfterBattle]] <</if>> </div> <style> .victory-screen { text-align: center; padding: 20px; } .rewards { margin: 20px 0; font-size: 1.2em; } .gold-reward { margin: 10px 0; padding: 10px; background: rgba(0, 0, 0, 0.2); border-radius: 5px; color: #ffd700; text-shadow: 0 0 3px rgba(255, 215, 0, 0.5); } .stat-drops { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; } .stat-drops h3 { color: #4CAF50; margin-bottom: 10px; } .stat-drop-item { margin: 8px 0; padding: 8px; background: rgba(255, 255, 255, 0.1); border-radius: 5px; color: #90CAF9; text-shadow: 0 0 3px rgba(144, 202, 249, 0.5); } .stat-increases { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; } .stat-increases h3 { color: #4CAF50; margin-bottom: 10px; } .stat-increase-char { margin: 8px 0; padding: 8px; background: rgba(76, 175, 80, 0.1); border-radius: 5px; color: #A5D6A7; text-shadow: 0 0 3px rgba(165, 214, 167, 0.5); font-family: monospace; } .post-battle-healing { margin: 20px 0; padding: 15px; background: rgba(255, 215, 0, 0.1); border-radius: 8px; border: 1px solid rgba(255, 215, 0, 0.3); } .healing-action { margin: 8px 0; padding: 8px; background: rgba(255, 215, 0, 0.2); border-radius: 5px; color: #FFE082; text-shadow: 0 0 3px rgba(255, 224, 130, 0.5); } .no-healing { margin: 8px 0; padding: 8px; color: #B0BEC5; font-style: italic; } </style>

<<set _charStats = State.variables[$targetChar.toLowerCase() + "_stats"]>> <<if _charStats.statPoints > 0>> <<set _charStats[$statToIncrease]++>> <<set _charStats.statPoints-->> <</if>> [[Back|Victory]]

<div class="escape-screen"> <h2>Emergency Escape!</h2> <div class="escape-description"> <span class="dialog-liora">"I... I don't have enough mana left to keep everyone safe!"</span> Liora gasps, her magical reserves completely depleted. The party quickly retreats from the dangerous area, escaping before anyone gets seriously hurt. However, the expedition must be abandoned due to the mana shortage. </div> <div class="expedition-results"> <h3>Expedition Failed</h3> <p>The party was forced to escape due to insufficient healing resources. No rewards were gained, but everyone survived.</p> </div> <<set $expeditionFailed = true>> <<set $partyEscaped = true>> [[Return to Village|Village]] </div> <style> .escape-screen { text-align: center; padding: 20px; background: rgba(255, 0, 0, 0.1); border: 2px solid rgba(255, 0, 0, 0.3); border-radius: 10px; } .escape-description { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; font-style: italic; } .expedition-results { margin: 20px 0; padding: 15px; background: rgba(255, 165, 0, 0.2); border-radius: 8px; border: 1px solid rgba(255, 165, 0, 0.4); } </style>

Your party has been defeated... [[Try Again->ForestHunt]]

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <div class="expedition-container"> <div class="expedition-header"> <h2><<print $currentExpedition.name>></h2> <p><<print $currentExpedition.description>></p> </div> <div class="route-selection"> <h3>Choose Your Route:</h3> <<for _routeKey, _route range $currentExpedition.routes>> <div class="route-option"> <div class="route-info"> <h4><<print _route.name>></h4> <div class="route-stats"> <span class="difficulty">Difficulty: <<print Math.round(_route.difficulty * 100)>>%</span> <span class="movements">Movements: <<print _route.movements>></span> <span class="poison">Poison Damage: <<print _route.poisonDamage>> per movement</span> </div> </div> <div class="route-choice"> <<capture _routeKey>> <<link "Choose Route">> <<startExpedition $currentExpedition.id _routeKey>> <<goto "ExpeditionEncounter">> <</link>> <</capture>> </div> </div> <</for>> </div> <div class="party-status"> <h3>Combat Party:</h3> <div class="party-grid"> <<for _char range ["Rylan", "Serin", "Seryk"]>> <<if State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <div class="party-member"> <div class="member-name"><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>></div> <div class="member-stats"> <div class="stat-bar"> <span>HP: <<print Math.floor(_stats.currentHealth)>>/<<print Math.floor(_stats.maxHealth)>></span> <div class="bar"><div class="fill hp-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div></div> </div> <div class="stat-bar"> <span>SP: <<print Math.floor(_stats.currentStamina)>>/<<print Math.floor(_stats.maxStamina)>></span> <div class="bar"><div class="fill sp-fill" style="width: <<print (_stats.currentStamina / _stats.maxStamina * 100)>>%"></div></div> </div> </div> </div> <</if>> <</for>> </div> <div class="healer-status"> <h4>Healer Support:</h4> <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="healer-info"> <div class="healer-name">Liora (Support)</div> <div class="healer-mana"> <span>Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></span> <div class="bar"><div class="fill mana-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> </div> <div class="heal-options"> <span class="heal-cost">Heal (25 HP): 15 Mana</span> <span class="revive-cost">Revive (30% HP): 30 Mana</span> </div> </div> <</if>> </div> </div> </div> <style> .expedition-container { max-width: 800px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: white; } .expedition-header { text-align: center; margin-bottom: 30px; } .expedition-header h2 { color: #4CAF50; margin-bottom: 10px; } .route-selection { margin-bottom: 30px; } .route-option { display: flex; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, 0.1); padding: 15px; margin: 10px 0; border-radius: 5px; border-left: 4px solid #4CAF50; } .route-info h4 { margin: 0 0 10px 0; color: #4CAF50; } .route-stats { display: flex; gap: 15px; font-size: 14px; } .route-stats span { padding: 2px 8px; background: rgba(0, 0, 0, 0.3); border-radius: 3px; } .difficulty { border-left: 3px solid #ff4444; } .movements { border-left: 3px solid #4444ff; } .poison { border-left: 3px solid #aa44ff; } .route-choice a { padding: 10px 20px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; transition: background 0.3s; } .route-choice a:hover { background: #45a049; } .party-status { border-top: 2px solid #4CAF50; padding-top: 20px; } .party-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .party-member { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 5px; } .member-name { font-weight: bold; margin-bottom: 10px; color: #4CAF50; } .stat-bar { margin: 5px 0; } .stat-bar span { font-size: 12px; display: block; margin-bottom: 2px; } .bar { width: 100%; height: 8px; background: rgba(0, 0, 0, 0.3); border-radius: 4px; overflow: hidden; } .fill { height: 100%; transition: width 0.3s ease; } .hp-fill { background: linear-gradient(90deg, #ff4444, #ff6b6b); } .sp-fill { background: linear-gradient(90deg, #4444ff, #6b6bff); } .mana-fill { background: linear-gradient(90deg, #44ff44, #6bff6b); } .healer-status { margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .healer-info { background: rgba(255, 255, 255, 0.1); padding: 10px; border-radius: 5px; } .healer-name { font-weight: bold; color: #44ff44; margin-bottom: 5px; } .healer-mana { margin-bottom: 10px; } .heal-options { display: flex; gap: 15px; font-size: 12px; } .heal-options span { padding: 2px 6px; background: rgba(0, 0, 0, 0.3); border-radius: 3px; } </style>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<generateEncounter>> <<if $currentEncounter.type === "combat">> <div class="encounter-container"> <div class="encounter-header"> <h2>Combat Encounter</h2> <div class="encounter-info"> <span class="progress">Movement <<print $expeditionData.currentMovement + 1>> of <<print $expeditionData.totalMovements>></span> <span class="encounters">Encounters Completed: <<print $expeditionData.encountersCompleted>></span> </div> </div> <div class="enemy-display"> <<for _enemy range $currentEncounter.enemies>> <div class="enemy-card"> <div class="enemy-sprite"> <<set _enemyImg = "images/enemies/" + _enemy.name + ".webp">> <img @src=_enemyImg alt="Enemy" width="100"> </div> <div class="enemy-info"> <h4><<print _enemy.name>></h4> <div class="enemy-stats"> <div class="stat">HP: <<print Math.floor(_enemy.currentHealth)>>/<<print Math.floor(_enemy.maxHealth)>></div> <div class="stat">PWR: <<print _enemy.physicalPower>> | AGI: <<print _enemy.agility>></div> <div class="stat" style="font-size: 10px; color: #888;">Crit Chance: <<print (_enemy.agility / 10).toFixed(1)>>%</div> </div> </div> </div> <</for>> </div> <div class="combat-actions"> <h3>Choose your approach:</h3> <div class="action-buttons"> <<link "Engage in Combat">> <<initializeCombat $currentEncounter.enemies>> <<goto "RoguelikeCombatUI">> <</link>> </div> </div> </div> <<elseif $currentEncounter.type === "treasure">> <div class="encounter-container"> <div class="encounter-header"> <h2>Treasure Chamber Reached!</h2> <div class="encounter-info"> <span class="success">Expedition Complete!</span> </div> </div> <div class="treasure-display"> <div class="treasure-chest"> <img src="images/items/treasure_chest.webp" alt="Treasure Chest" width="150"> </div> <div class="treasure-info"> <h3>Congratulations!</h3> <p>You've successfully navigated the dungeon and reached the treasure chamber!</p> <div class="reward-preview"> <span class="gold-reward">Gold Reward: <<print $currentEncounter.goldReward>></span> </div> </div> </div> <div class="treasure-actions"> <<link "Claim Treasure & Return">> <<completeExpedition true>> <<goto "ExpeditionComplete">> <</link>> </div> </div> <<elseif $currentEncounter.type === "movement">> <div class="encounter-container"> <div class="encounter-header"> <h2>Moving Through the Dungeon</h2> <div class="encounter-info"> <span class="progress">Movement <<print $expeditionData.currentMovement + 1>> of <<print $expeditionData.totalMovements>></span> <span class="poison-warning">Poison damage applied to party</span> </div> </div> <div class="movement-display"> <p><<print $currentEncounter.message>></p> <p>The toxic atmosphere of the dungeon saps your strength...</p> <div class="poison-effects"> <h4>Poison Effects:</h4> <div class="poison-damage"> Each party member loses <<print $expeditionData.routes[$expeditionData.currentRoute].poisonDamage>> HP </div> </div> </div> <div class="movement-actions"> <<link "Continue Forward">> <<set ExpeditionSystem.checkPostBattleAssistance()>> <<if $postBattleSerykAssistance>> <<goto "SerykManaAssistance">> <<else>> <<advanceExpedition>> <<if $hasNextMovement>> <<goto "ExpeditionEncounter">> <<else>> <<goto "ExpeditionEncounter">> <</if>> <</if>> <</link>> </div> </div> <</if>> <style> .encounter-container { max-width: 800px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: white; } .encounter-header { text-align: center; margin-bottom: 20px; } .encounter-header h2 { color: #ff4444; margin-bottom: 10px; } .encounter-info { display: flex; justify-content: center; gap: 20px; font-size: 14px; } .encounter-info span { padding: 5px 10px; background: rgba(255, 255, 255, 0.1); border-radius: 5px; } .enemy-display { display: flex; justify-content: center; gap: 20px; margin: 30px 0; flex-wrap: wrap; } .enemy-card { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; text-align: center; border: 2px solid #ff4444; } .enemy-sprite { margin-bottom: 10px; } .enemy-info h4 { color: #ff4444; margin-bottom: 10px; } .enemy-stats { display: flex; flex-direction: column; gap: 5px; font-size: 12px; } .stat { background: rgba(0, 0, 0, 0.3); padding: 2px 8px; border-radius: 3px; } .combat-actions { text-align: center; margin-top: 30px; } .action-buttons { display: flex; justify-content: center; gap: 20px; margin-top: 15px; } .action-buttons a { padding: 12px 24px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; transition: background 0.3s; } .action-buttons a:hover { background: #45a049; } </style>

<<script>>window.AudioSystem.playBGM('battle/2.mp3');<</script>> <<set $currentActor = $combatState.currentActor>> <div class="roguelike-combat"> <div class="combat-header"> <h2>Battle in Progress</h2> <div class="turn-info"> <span>Turn: <<print $combatState.turn + 1>></span> <span>Current Actor: <<if $currentActor === "Rylan">><<print $humanName>><<else>><<print $currentActor>><</if>></span> </div> </div> <<if !$combatState.victory && !$combatState.defeat>> <div class="combat-field-fullwidth">  <div class="party-row"> <h4>Party:</h4> <<for _char range $combatState.partyMembers>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _isCurrentActor = ($currentActor === _char)>> <<if _isCurrentActor && $combatState.partyMembers.includes($currentActor)>>  <<if $combatState.enemies && $combatState.enemies.length > 0>> <<for _enemy range $combatState.enemies>> <<if (_enemy.currentHealth || 0) > 0>> <<capture _enemy _char _stats>> <div class="char-card-wrapper"> <<link "">> <<set $selectedTarget = _enemy.name>> <<processPlayerAttack $currentActor $selectedTarget>> <<goto "RoguelikeCombatUI">> <</link>> <div class="char-card active-attacker"> <<set _charImg = "images/Chibi-models/" + _char + ".webp">> <img @src=_charImg width="24" class="char-icon"> <div class="char-details"> <div class="char-name"><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>> 👉</div> <div class="char-hp"><<print Math.floor(_stats.currentHealth)>>/<<print Math.floor(_stats.maxHealth)>></div> <div class="char-bar"><div class="hp-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div></div> <div class="char-stats">P:<<print _stats.physicalPower.toFixed(1)>> A:<<print _stats.agility.toFixed(1)>></div> <div class="attack-target">→ Attack <<print _enemy.name>></div> </div> </div> </div> <</capture>> <</if>> <</for>> <</if>> <<else>>  <div class="char-card"> <<set _charImg = "images/Chibi-models/" + _char + ".webp">> <img @src=_charImg width="24" class="char-icon"> <div class="char-details"> <div class="char-name"><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>><<if _isCurrentActor>> 👉<</if>></div> <div class="char-hp"><<print Math.floor(_stats.currentHealth)>>/<<print Math.floor(_stats.maxHealth)>></div> <div class="char-bar"><div class="hp-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div></div> <div class="char-stats">P:<<print _stats.physicalPower.toFixed(1)>> A:<<print _stats.agility.toFixed(1)>> (<<print (_stats.agility / 10).toFixed(1)>>%)</div> </div> </div> <</if>> <</for>>  <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="char-card support"> <img src="images/chibi-models/liora.webp" width="24" class="char-icon"> <div class="char-details"> <div class="char-name">Liora (Healer)</div> <div class="char-hp">Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></div> <div class="char-bar"><div class="sp-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> <div class="char-stats">Full party heal if anyone ≤50% HP</div> </div> </div> <</if>> </div>  <div class="enemy-row"> <h4>Enemies:</h4> <<for _enemy range $combatState.enemies>> <div class="enemy-card"> <<set _enemyImg = "images/enemies/" + _enemy.name + ".webp">> <img @src=_enemyImg width="32" class="enemy-icon"> <div class="enemy-details"> <div class="enemy-name"><<print _enemy.name || "Unknown">><<if $currentActor === _enemy.name>> 👉<</if>></div> <div class="enemy-hp"><<print Math.floor(_enemy.currentHealth || 0)>>/<<print Math.floor(_enemy.maxHealth || 0)>></div> <div class="enemy-bar"><div class="hp-fill" style="width: <<print ((_enemy.currentHealth || 0) / (_enemy.maxHealth || 1) * 100)>>%"></div></div> <div class="enemy-stats">P:<<print _enemy.physicalPower || 0>> A:<<print _enemy.agility || 0>> (<<print ((_enemy.agility || 0) / 10).toFixed(1)>>%)</div> </div> </div> <</for>> </div>  <<if !$combatState.partyMembers.includes($currentActor)>> <div class="enemy-turn-compact"> <em><<print $currentActor>> is acting...</em> <<timed 1s>> <<processEnemyTurn>> <<goto "RoguelikeCombatUI">> <</timed>> </div> <</if>> </div> <div class="combat-log-compact"> <strong>Log:</strong> <<if $combatLog && $combatLog.length > 0>> <<print $combatLog[0]>> <<else>> Combat begins... <</if>> </div> <</if>> <<if $combatState.victory || $combatState.defeat>> <div class="combat-result"> <<if $combatState.victory>> <h3>Victory!</h3> <<generateLoot>> <<completeEncounter>> <<if $generatedLoot>> <div class="loot-found"> <h4>Loot Found: <<print $generatedLoot.name>></h4> <p><<print $generatedLoot.effect>>: +<<print $generatedLoot.value>></p> <div class="loot-assignment"> <<for _char range $combatState.partyMembers>> <<capture _char>> <<link `"Give to " + (_char === "Rylan" ? $humanName : _char)`>> <<applyLoot $generatedLoot _char>> <<advanceExpedition>> <<if $hasNextMovement>> <<generateEncounter>> <<goto "ExpeditionEncounter">> <<else>> <<completeExpedition true>> <<goto "ExpeditionComplete">> <</if>> <</link>> <</capture>> <</for>> </div> </div> <<else>> <div class="continue-expedition"> <<link "Continue Expedition">> <<set _healingResult = ExpeditionSystem.performAutoHealing()>> <<if $expeditionHealingMessage>> <style> .expedition-healing { background: rgba(255, 215, 0, 0.1); border: 1px solid rgba(255, 215, 0, 0.3); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center; } .expedition-healing .dialog-liora { font-style: italic; color: #FFB6C1; } </style> <<print $expeditionHealingMessage>> <<set $expeditionHealingMessage = null>> <</if>> <<set ExpeditionSystem.checkPostBattleAssistance()>> <<if $postBattleSerykAssistance>> <<goto "SerykManaAssistance">> <<elseif _healingResult === 'escape'>> <<goto "ExpeditionEscape">> <<else>> <<advanceExpedition>> <<if $hasNextMovement>> <<generateEncounter>> <<goto "ExpeditionEncounter">> <<else>> <<completeExpedition true>> <<goto "ExpeditionComplete">> <</if>> <</if>> <</link>> </div> <</if>> <<else>> <h3>Defeat...</h3> <<link "End Expedition">> <<completeExpedition false>> <<goto "ExpeditionComplete">> <</link>> <</if>> </div> <</if>> </div> <style> .roguelike-combat { width: 100%; max-width: 100%; margin: 0; padding: 15px; background: rgba(0, 0, 0, 0.9); border-radius: 10px; color: white; } .combat-header { text-align: center; margin-bottom: 15px; } .combat-header h2 { color: #ff4444; margin-bottom: 8px; font-size: 1.5em; } .turn-info { display: flex; justify-content: center; gap: 20px; font-size: 12px; } .combat-field-fullwidth { margin: 15px 0; width: 100%; } .party-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; padding: 10px; background: rgba(0, 100, 0, 0.2); border-radius: 8px; align-items: center; } .party-row h4 { margin: 0; color: #4CAF50; font-size: 14px; margin-right: 10px; } .char-card { display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); padding: 8px; border-radius: 6px; min-width: 180px; } .char-card.support { background: rgba(135, 206, 235, 0.2); } .char-card.active-attacker { background: rgba(255, 200, 0, 0.3); border: 2px solid #ffcc00; cursor: pointer; transition: all 0.2s ease; } .char-card.active-attacker:hover { background: rgba(255, 200, 0, 0.5); transform: scale(1.02); } .attack-target { color: #ffcc00; font-weight: bold; font-size: 10px; margin-top: 2px; } .char-card-wrapper { position: relative; display: inline-block; } .char-card-wrapper a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; text-decoration: none; display: block; } .char-icon { flex-shrink: 0; } .char-details { flex: 1; font-size: 11px; } .char-name { font-weight: bold; margin-bottom: 2px; font-size: 12px; } .char-hp { margin-bottom: 2px; color: #ccc; } .char-bar { height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; margin-bottom: 2px; } .hp-fill { height: 100%; background: #4CAF50; border-radius: 2px; transition: width 0.3s ease; } .sp-fill { height: 100%; background: #2196F3; border-radius: 2px; transition: width 0.3s ease; } .char-stats { color: #888; font-size: 10px; } .enemy-row { display: flex; align-items: center; gap: 10px; padding: 10px; background: rgba(100, 0, 0, 0.2); border-radius: 8px; margin-bottom: 10px; } .enemy-row h4 { margin: 0; color: #ff4444; font-size: 14px; } .enemy-card { display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); padding: 8px; border-radius: 6px; min-width: 150px; } .enemy-icon { flex-shrink: 0; } .enemy-details { flex: 1; font-size: 11px; } .enemy-name { font-weight: bold; margin-bottom: 2px; font-size: 12px; color: #ffaaaa; } .enemy-hp { margin-bottom: 2px; color: #ccc; } .enemy-bar { height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; margin-bottom: 2px; } .enemy-stats { color: #888; font-size: 10px; } .combat-log-compact { background: rgba(255, 255, 255, 0.1); padding: 8px 12px; border-radius: 6px; margin: 10px 0; font-size: 12px; color: #ddd; } .player-actions-compact { background: rgba(0, 150, 0, 0.2); padding: 10px; border-radius: 6px; margin: 10px 0; text-align: center; } .target-buttons { margin-top: 8px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .target-buttons a { background: rgba(255, 100, 100, 0.8); color: white; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 12px; transition: background 0.2s ease; } .target-buttons a:hover { background: rgba(255, 100, 100, 1); } .enemy-turn-compact { background: rgba(100, 100, 100, 0.2); padding: 8px; border-radius: 6px; margin: 10px 0; text-align: center; font-size: 14px; color: #ccc; } .turn-info span { padding: 5px 10px; background: rgba(255, 255, 255, 0.1); border-radius: 5px; } .combat-field { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0; } .party-section h3 { color: #4CAF50; text-align: center; } .enemy-section h3 { color: #ff4444; text-align: center; } .combatant { display: flex; align-items: center; gap: 15px; background: rgba(255, 255, 255, 0.1); padding: 10px; margin: 10px 0; border-radius: 5px; } .party-member { border-left: 4px solid #4CAF50; } .support-member { border-left: 4px solid #87CEEB; background: rgba(135, 206, 235, 0.1); } .enemy { border-left: 4px solid #ff4444; } .combatant-info { flex-grow: 1; } .combatant-info h4 { margin: 0 0 5px 0; } .hp-bar, .sp-bar { margin: 3px 0; } .hp-bar span, .sp-bar span { font-size: 12px; display: block; } .bar { width: 100%; height: 6px; background: rgba(0, 0, 0, 0.3); border-radius: 3px; overflow: hidden; margin-top: 2px; } .fill { height: 100%; transition: width 0.3s ease; } .hp-fill { background: linear-gradient(90deg, #ff4444, #ff6b6b); } .sp-fill { background: linear-gradient(90deg, #4444ff, #6b6bff); } .combat-log { background: rgba(0, 0, 0, 0.5); padding: 15px; border-radius: 5px; margin: 20px 0; } .combat-log h4 { margin: 0 0 10px 0; color: #4CAF50; } .log-content { max-height: 150px; overflow-y: auto; } .log-entry { margin: 2px 0; padding: 2px 5px; font-size: 14px; border-left: 2px solid #4CAF50; } .player-actions { text-align: center; margin-top: 20px; } .target-selection { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; max-width: 400px; margin-left: auto; margin-right: auto; } .target-selection a { padding: 12px 20px; background: linear-gradient(45deg, #ff4444, #ff6b6b); color: white; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; text-align: center; font-weight: bold; border: 2px solid transparent; } .target-selection a:hover { background: linear-gradient(45deg, #ff6b6b, #ff4444); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255, 68, 68, 0.4); border-color: #ff8888; } .combat-result { text-align: center; margin-top: 20px; padding: 20px; background: rgba(255, 255, 255, 0.1); border-radius: 5px; } .loot-found { margin: 15px 0; } .loot-assignment { display: flex; justify-content: center; gap: 10px; margin-top: 10px; } .loot-assignment a { padding: 8px 16px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; font-size: 14px; } .enemy-turn { text-align: center; font-style: italic; color: #ffaa44; } </style>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <div class="expedition-complete"> <div class="complete-header"> <h1>🎉 Expedition Complete!</h1> <div class="success-banner"> <span class="route-completed"><<print $lastExpeditionResults.route.charAt(0).toUpperCase() + $lastExpeditionResults.route.slice(1)>> Route Completed</span> </div> </div> <div class="expedition-summary"> <h3>Expedition Summary:</h3> <div class="summary-stats"> <div class="stat-item"> <span class="stat-label">Encounters Completed:</span> <span class="stat-value"><<print $lastExpeditionResults.encountersCompleted>></span> </div> <div class="stat-item"> <span class="stat-label">Route Difficulty:</span> <span class="stat-value"><<print Math.round($expeditionData.routes[$lastExpeditionResults.route].difficulty * 100)>>%</span> </div> <div class="stat-item gold-reward"> <span class="stat-label">Gold Earned:</span> <span class="stat-value"><<print $lastExpeditionResults.rewards.gold>> Gold</span> </div> </div> </div> <div class="loot-summary"> <h3>Loot Collected:</h3> <<if $lastExpeditionResults.lootCollected.length > 0>> <div class="loot-grid"> <<for _lootEntry range $lastExpeditionResults.lootCollected>> <div class="loot-item"> <div class="loot-name"><<print _lootEntry.item.name>></div> <div class="loot-effect">+<<print _lootEntry.item.value>> <<print _lootEntry.item.effect>></div> <div class="loot-target">Applied to: <<print _lootEntry.target>></div> </div> <</for>> </div> <<else>> <p class="no-loot">No special loot found this expedition.</p> <</if>> </div> <div class="party-status-final"> <h3>Final Party Status:</h3> <div class="party-grid"> <<for _char range ["Rylan", "Serin", "Seryk"]>> <<if State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <div class="party-member"> <div class="member-name"><<if _char === "Rylan">><<print $humanName>><<else>><<print _char>><</if>></div> <div class="member-stats"> <div class="stat-bar"> <span>HP: <<print Math.floor(_stats.currentHealth)>>/<<print Math.floor(_stats.maxHealth)>></span> <div class="bar"><div class="fill hp-fill" style="width: <<print (_stats.currentHealth / _stats.maxHealth * 100)>>%"></div></div> </div> <div class="stat-bar"> <span>SP: <<print Math.floor(_stats.currentStamina)>>/<<print Math.floor(_stats.maxStamina)>></span> <div class="bar"><div class="fill sp-fill" style="width: <<print (_stats.currentStamina / _stats.maxStamina * 100)>>%"></div></div> </div> </div> </div> <</if>> <</for>> <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="party-member healer"> <div class="member-name">Liora (Healer)</div> <div class="member-stats"> <div class="stat-bar"> <span>Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></span> <div class="bar"><div class="fill mana-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> </div> </div> </div> <</if>> </div> </div> <div class="completion-actions"> <<link "🏠 Return to Town">> <<goto "TownSquare">> <</link>> <<link "🔄 Try Another Expedition">> <<goto "TestExpeditionSetup">> <</link>> </div> </div> <style> .expedition-complete { max-width: 900px; margin: 0 auto; padding: 30px; background: linear-gradient(135deg, rgba(76, 175, 80, 0.2), rgba(255, 193, 7, 0.2)); border-radius: 15px; color: white; border: 3px solid #4CAF50; } .complete-header { text-align: center; margin-bottom: 40px; } .complete-header h1 { color: #4CAF50; font-size: 3em; margin-bottom: 15px; text-shadow: 0 0 15px rgba(76, 175, 80, 0.6); } .success-banner { background: linear-gradient(45deg, #4CAF50, #8BC34A); padding: 10px 20px; border-radius: 25px; display: inline-block; font-weight: bold; box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3); } .expedition-summary, .loot-summary, .party-status-final { background: rgba(0, 0, 0, 0.4); padding: 25px; margin: 25px 0; border-radius: 10px; border-left: 5px solid #4CAF50; } .expedition-summary h3, .loot-summary h3, .party-status-final h3 { color: #4CAF50; margin-bottom: 20px; font-size: 1.4em; } .summary-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .stat-item { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; } .stat-item.gold-reward { background: linear-gradient(45deg, rgba(255, 193, 7, 0.2), rgba(255, 152, 0, 0.2)); border-left: 4px solid #FFC107; } .stat-label { font-weight: bold; color: #E0E0E0; } .stat-value { color: #4CAF50; font-weight: bold; font-size: 1.1em; } .gold-reward .stat-value { color: #FFC107; } .loot-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; } .loot-item { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; border-left: 4px solid #2196F3; } .loot-name { font-weight: bold; color: #2196F3; margin-bottom: 5px; } .loot-effect { color: #4CAF50; font-size: 0.9em; margin-bottom: 3px; } .loot-target { color: #E0E0E0; font-size: 0.8em; } .no-loot { text-align: center; color: #999; font-style: italic; padding: 20px; } .party-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .party-member { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; } .party-member.healer { border-left: 4px solid #44ff44; } .member-name { font-weight: bold; margin-bottom: 10px; color: #4CAF50; } .stat-bar { margin: 8px 0; } .stat-bar span { font-size: 12px; display: block; margin-bottom: 3px; } .bar { width: 100%; height: 8px; background: rgba(0, 0, 0, 0.3); border-radius: 4px; overflow: hidden; } .fill { height: 100%; transition: width 0.3s ease; } .completion-actions { text-align: center; margin-top: 40px; padding-top: 25px; border-top: 2px solid rgba(76, 175, 80, 0.3); } .completion-actions a { display: inline-block; margin: 0 15px; padding: 15px 30px; font-size: 1.2em; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; font-weight: bold; } .completion-actions a:first-child { background: linear-gradient(45deg, #4CAF50, #45a049); color: white; box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3); } .completion-actions a:first-child:hover { background: linear-gradient(45deg, #45a049, #4CAF50); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4); } .completion-actions a:last-child { background: linear-gradient(45deg, #FF9800, #F57C00); color: white; box-shadow: 0 4px 15px rgba(255, 152, 0, 0.3); } .completion-actions a:last-child:hover { background: linear-gradient(45deg, #F57C00, #FF9800); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4); } </style> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <div class="mana-assistance-scene"> <div class="scene-header"> <h2>Critical Mana Shortage</h2> <div class="urgency-warning"> <span class="warning-text">⚠️ Liora's mana is critically low!</span> </div> </div> <div class="scene-description"> <p>As the party struggles through the poisonous dungeon, Liora's healing magic begins to falter. Her mana reserves are dangerously low, and the party's survival hangs in the balance.</p> <div class="character-status"> <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="liora-status"> <div class="status-name">Liora's Condition:</div> <div class="mana-critical"> <span>Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></span> <div class="bar"><div class="fill mana-critical-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> </div> <div class="status-effect">Exhausted from constant healing...</div> </div> <</if>> </div> <div class="dialogue-section"> <div class="liora-dialogue"> <span class="dialog-liora">"I... I can barely maintain my healing magic,"</span> Liora pants heavily, her hands trembling as she tries to channel another healing spell. <span class="dialog-liora">"My mana is almost completely drained..."</span> </div> <<if $humanName === "Rylan">> <div class="rylan-dialogue"> <span class="dialog-rylan">"Liora, you need to rest! But we can't afford to stop here..."</span> <<print $humanName>> looks around the toxic environment with growing concern. </div> <</if>> <div class="seryk-dialogue"> <span class="dialog-seryk">"The Little Bird,"</span> Seryk's deep voice cuts through the tension, his expression serious but with a hint of something else in his eyes. <span class="dialog-seryk">"There is... a way I can help restore your magical energy."</span> </div> <div class="liora-response"> <span class="dialog-liora">"What do you mean?"</span> Liora looks up at him with desperate, tired eyes. </div> <div class="seryk-explanation"> <<if $serykxliorantr === "stage1">> <span class="dialog-seryk">"Remember the medicine I gave you before, Little Bird? The one that restored your magical energy so effectively?"</span> His gaze is intense but caring. <span class="dialog-seryk">"I can provide that same... treatment again."</span> <<else>> <span class="dialog-seryk">"My body fluids can replenish magical energy when... properly consumed. My saliva has special properties that could restore your mana significantly."</span> His gaze is intense, protective yet predatory. <</if>> </div> <<if $serykxliorantr === "stage1">> <div class="liora-recognition"> Liora's eyes widen with recognition, her cheeks flushing as she remembers the strange, sweet taste from before. <span class="dialog-liora">"That... that special medicine you gave me in the cave?"</span> Her voice is barely a whisper, filled with a mixture of embarrassment and... anticipation? </div> <<elseif State.variables.liora_SerykAttraction >= 30>> <div class="liora-consideration"> Liora's cheeks flush slightly despite her exhaustion. She's grown more comfortable around Seryk lately, and the desperation of their situation makes his offer seem... reasonable. </div> <<else>> <div class="liora-hesitation"> Liora's eyes widen in confusion and embarrassment. The suggestion seems strange and inappropriate, but their desperate situation leaves few alternatives. </div> <</if>> </div> </div> <div class="choice-section"> <h3>Liora's Decision:</h3> <div class="assistance-choices"> <<if State.variables.serykxliorantr>> <<link "Accept Seryk's Assistance">> <<serykManaAssistance>> <<goto "ExpeditionManaRestored">> <</link>> <</if>> <<link "Try to Continue Without Help">> <<set $refusedAssistance = true>> <<goto "ExpeditionManaRefused">> <</link>> </div> </div> </div> <style> .mana-assistance-scene { max-width: 800px; margin: 0 auto; padding: 25px; background: linear-gradient(135deg, rgba(139, 69, 19, 0.3), rgba(220, 20, 60, 0.2)); border-radius: 15px; color: white; border: 2px solid #DC143C; } .scene-header { text-align: center; margin-bottom: 25px; } .scene-header h2 { color: #DC143C; font-size: 2.2em; margin-bottom: 10px; text-shadow: 0 0 10px rgba(220, 20, 60, 0.5); } .urgency-warning { background: linear-gradient(45deg, #FF4444, #FF6B6B); padding: 8px 15px; border-radius: 20px; display: inline-block; font-weight: bold; box-shadow: 0 0 15px rgba(255, 68, 68, 0.4); animation: pulse 2s infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } .scene-description { background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 10px; margin-bottom: 20px; } .character-status { margin: 20px 0; padding: 15px; background: rgba(220, 20, 60, 0.1); border-radius: 8px; border-left: 4px solid #DC143C; } .liora-status { text-align: center; } .status-name { font-weight: bold; color: #DC143C; margin-bottom: 10px; } .mana-critical { margin: 10px 0; } .mana-critical span { display: block; margin-bottom: 5px; font-weight: bold; } .bar { width: 100%; height: 12px; background: rgba(0, 0, 0, 0.5); border-radius: 6px; overflow: hidden; } .mana-critical-fill { height: 100%; background: linear-gradient(90deg, #FF4444, #FF6B6B); transition: width 0.3s ease; } .status-effect { color: #FFB6C1; font-style: italic; font-size: 0.9em; } .dialogue-section { margin: 25px 0; } .liora-dialogue, .rylan-dialogue, .seryk-dialogue, .liora-response, .seryk-explanation, .liora-consideration, .liora-hesitation { margin: 15px 0; padding: 12px; border-radius: 8px; line-height: 1.6; } .liora-dialogue, .liora-response { background: rgba(255, 182, 193, 0.1); border-left: 4px solid #FFB6C1; } .rylan-dialogue { background: rgba(135, 206, 235, 0.1); border-left: 4px solid #87CEEB; } .seryk-dialogue, .seryk-explanation { background: rgba(139, 69, 19, 0.2); border-left: 4px solid #8B4513; } .liora-consideration { background: rgba(255, 20, 147, 0.1); border-left: 4px solid #FF1493; font-style: italic; } .liora-hesitation { background: rgba(255, 165, 0, 0.1); border-left: 4px solid #FFA500; font-style: italic; } .liora-recognition { background: rgba(255, 20, 147, 0.1); border-left: 4px solid #FF1493; font-style: italic; } .choice-section { background: rgba(0, 0, 0, 0.5); padding: 20px; border-radius: 10px; text-align: center; } .choice-section h3 { color: #DC143C; margin-bottom: 20px; font-size: 1.3em; } .assistance-choices { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .assistance-choices a { padding: 12px 25px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; min-width: 80px; } .assistance-choices a:first-child { background: linear-gradient(45deg, #DC143C, #B91C3C); color: white; box-shadow: 0 4px 15px rgba(220, 20, 60, 0.3); } .assistance-choices a:first-child:hover { background: linear-gradient(45deg, #B91C3C, #DC143C); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220, 20, 60, 0.4); } .assistance-choices a:last-child { background: linear-gradient(45deg, #666, #888); color: white; box-shadow: 0 4px 15px rgba(102, 102, 102, 0.3); } .assistance-choices a:last-child:hover { background: linear-gradient(45deg, #888, #666); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(102, 102, 102, 0.4); } </style>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="mana-restored-scene"> <div class="scene-header"> <h2>Demonic Assistance</h2> <div class="restoration-indicator"> <span class="success-text">✨ Mana Successfully Restored</span> </div> </div> <div class="restoration-description"> <p>In the privacy of a small alcove away from the others, Seryk provides his "assistance" to restore Liora's magical energy...</p> <div class="intimate-scene"> <<if State.variables.liora_SerykAttraction >= 50>> <p>Liora no longer hesitates as much around Seryk. Her growing attraction to the demon makes the intimate act feel less foreign, more... natural.</p> <<else>> <p>Despite her embarrassment, Liora focuses on the necessity of the situation. Seryk's saliva proves remarkably effective at restoring her magical reserves.</p><</if>><div class="seryk-care"> <span class="dialog-seryk">"There, Little Bird. You should feel your strength returning now,"</span> Seryk says gently, his protective nature evident even in this intimate moment.</div> <div class="liora-reaction"> <span class="dialog-liora">"The magical energy is returning... thank you for helping us,"</span> Liora says softly, still processing what just happened. </div> </div> <div class="mana-restoration"> <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="restoration-status"> <div class="status-name">Liora's Restored Condition:</div> <div class="mana-restored"> <span>Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></span> <div class="bar"><div class="fill mana-restored-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> </div> <div class="status-effect">Magically rejuvenated through Seryk's saliva</div> </div> <</if>> </div> <div class="relationship-changes"> <h4>Relationship Effects:</h4> <div class="change-list"> <div class="change-item attraction">Liora → Seryk Attraction: +3</div> <div class="change-item affection">Liora → Seryk Affection: +1</div> <div class="change-item dependency">Seryk Dependency: +1</div> </div> </div> </div> <div class="continuation"> <<link "Continue the Expedition">> <<checkPartyStatus>> <<if $partyStatusResult === true>> <<advanceExpedition>> <<if $hasNextMovement>> <<goto "ExpeditionEncounter">> <<else>> <<goto "ExpeditionEncounter">> <</if>> <<else>> <<goto "ExpeditionFailed">> <</if>> <</link>> </div> </div> <style> .mana-restored-scene { max-width: 800px; margin: 0 auto; padding: 25px; background: linear-gradient(135deg, rgba(139, 69, 19, 0.2), rgba(255, 20, 147, 0.2)); border-radius: 15px; color: white; border: 2px solid #FF1493; } .scene-header { text-align: center; margin-bottom: 25px; } .scene-header h2 { color: #FF1493; font-size: 2.2em; margin-bottom: 10px; text-shadow: 0 0 10px rgba(255, 20, 147, 0.5); } .restoration-indicator { background: linear-gradient(45deg, #FF1493, #FF69B4); padding: 8px 15px; border-radius: 20px; display: inline-block; font-weight: bold; box-shadow: 0 0 15px rgba(255, 20, 147, 0.4); } .restoration-description { background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 10px; margin-bottom: 20px; } .intimate-scene { background: rgba(255, 20, 147, 0.1); padding: 15px; border-radius: 8px; margin: 15px 0; border-left: 4px solid #FF1493; } .seryk-care, .liora-reaction { margin: 10px 0; padding: 10px; border-radius: 6px; } .seryk-care { background: rgba(139, 69, 19, 0.2); border-left: 3px solid #8B4513; } .liora-reaction { background: rgba(255, 182, 193, 0.1); border-left: 3px solid #FFB6C1; } .mana-restoration { margin: 20px 0; padding: 15px; background: rgba(255, 20, 147, 0.1); border-radius: 8px; border-left: 4px solid #FF1493; text-align: center; } .status-name { font-weight: bold; color: #FF1493; margin-bottom: 10px; } .mana-restored { margin: 10px 0; } .mana-restored span { display: block; margin-bottom: 5px; font-weight: bold; } .mana-restored-fill { height: 100%; background: linear-gradient(90deg, #FF1493, #FF69B4); transition: width 0.3s ease; } .status-effect { color: #FF69B4; font-style: italic; font-size: 0.9em; } .relationship-changes { background: rgba(0, 0, 0, 0.3); padding: 15px; border-radius: 8px; margin: 20px 0; } .relationship-changes h4 { color: #FF1493; margin-bottom: 15px; text-align: center; } .change-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } .change-item { padding: 8px 12px; border-radius: 6px; text-align: center; font-weight: bold; } .change-item.corruption { background: rgba(139, 0, 139, 0.3); border-left: 3px solid #8B008B; } .change-item.attraction { background: rgba(255, 20, 147, 0.3); border-left: 3px solid #FF1493; } .change-item.affection { background: rgba(255, 105, 180, 0.3); border-left: 3px solid #FF69B4; } .change-item.dependency { background: rgba(139, 69, 19, 0.3); border-left: 3px solid #8B4513; } .continuation { text-align: center; margin-top: 30px; } .continuation a { padding: 15px 30px; background: linear-gradient(45deg, #FF1493, #FF69B4); color: white; text-decoration: none; border-radius: 8px; font-weight: bold; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 20, 147, 0.3); } .continuation a:hover { background: linear-gradient(45deg, #FF69B4, #FF1493); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 20, 147, 0.4); } </style>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <div class="mana-refused-scene"> <div class="scene-header"> <h2>Assistance Refused</h2> <div class="failure-warning"> <span class="warning-text">⚠️ Expedition in Jeopardy</span> </div> </div> <div class="refusal-description"> <div class="liora-refusal"> <span class="dialog-liora">"I... I can't. There has to be another way,"</span> Liora says, her face flushed with embarrassment and uncertainty. </div> <div class="seryk-understanding"> <span class="dialog-seryk">"I understand, Little Bird. But your mana reserves are critically low. The expedition may have to end here,"</span> Seryk says with genuine concern. </div> <div class="consequence-warning"> <p>Without Seryk's assistance, Liora's mana remains dangerously low. The party's survival depends entirely on her remaining magical energy.</p> </div> <div class="mana-status"> <<if State.variables.liora_combatStats>> <<set _lioraStats = State.variables.liora_combatStats>> <div class="critical-status"> <div class="status-name">Liora's Critical Condition:</div> <div class="mana-critical"> <span>Mana: <<print Math.floor(_lioraStats.currentStamina)>>/<<print Math.floor(_lioraStats.maxStamina)>></span> <div class="bar"><div class="fill mana-critical-fill" style="width: <<print (_lioraStats.currentStamina / _lioraStats.maxStamina * 100)>>%"></div></div> </div> <div class="status-effect">Still critically low on magical energy</div> </div> <</if>> </div> </div> <div class="continuation-options"> <<if State.variables.liora_combatStats.currentStamina > 0>> <<link "Continue Despite the Risk">> <<checkPartyStatus>> <<if $partyStatusResult === true>> <<advanceExpedition>> <<if $hasNextMovement>> <<goto "ExpeditionEncounter">> <<else>> <<goto "ExpeditionEncounter">> <</if>> <<else>> <<goto "ExpeditionFailed">> <</if>> <</link>> <<else>> <<link "Expedition Fails - Return to Town">> <<completeExpedition false>> <<goto "ExpeditionFailed">> <</link>> <</if>> </div> </div> <style> .mana-refused-scene { max-width: 800px; margin: 0 auto; padding: 25px; background: linear-gradient(135deg, rgba(105, 105, 105, 0.3), rgba(169, 169, 169, 0.2)); border-radius: 15px; color: white; border: 2px solid #A9A9A9; } .scene-header { text-align: center; margin-bottom: 25px; } .scene-header h2 { color: #A9A9A9; font-size: 2.2em; margin-bottom: 10px; } .failure-warning { background: linear-gradient(45deg, #FF4444, #FF6B6B); padding: 8px 15px; border-radius: 20px; display: inline-block; font-weight: bold; box-shadow: 0 0 15px rgba(255, 68, 68, 0.4); } .refusal-description { background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 10px; margin-bottom: 20px; } .liora-refusal, .seryk-understanding { margin: 15px 0; padding: 12px; border-radius: 8px; } .liora-refusal { background: rgba(255, 182, 193, 0.1); border-left: 4px solid #FFB6C1; } .seryk-understanding { background: rgba(139, 69, 19, 0.2); border-left: 4px solid #8B4513; } .consequence-warning { background: rgba(255, 68, 68, 0.1); padding: 15px; border-radius: 8px; border-left: 4px solid #FF4444; margin: 15px 0; } .mana-status { margin: 20px 0; padding: 15px; background: rgba(169, 169, 169, 0.1); border-radius: 8px; border-left: 4px solid #A9A9A9; text-align: center; } .critical-status .status-name { font-weight: bold; color: #A9A9A9; margin-bottom: 10px; } .continuation-options { text-align: center; margin-top: 30px; } .continuation-options a { padding: 15px 30px; background: linear-gradient(45deg, #A9A9A9, #C0C0C0); color: white; text-decoration: none; border-radius: 8px; font-weight: bold; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(169, 169, 169, 0.3); } .continuation-options a:hover { background: linear-gradient(45deg, #C0C0C0, #A9A9A9); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(169, 169, 169, 0.4); } </style>

<<script>>window.AudioSystem.playBGM('default.mp3');<</script>> <div class="expedition-escape"> <h2>Emergency Evacuation!</h2> <div class="escape-scenario"> <div class="liora-condition"> <center><img src="images/liora/faceworried.webp" alt="Liora Exhausted" width="300"></center> <span class="dialog-liora">"I... I can't... my mana is completely depleted..."</span> Liora staggers, her healing magic flickering weakly around her hands before disappearing entirely. The party realizes the dire situation - with several members badly injured and Liora unable to provide healing, continuing the expedition would be suicide. </div> <div class="party-decision"> <span class="dialog-serin">"We need to get out of here, now!"</span> Serin quickly takes charge, her warrior instincts kicking in. <span class="dialog-serin">"Liora can't heal us, and we're all hurt. This expedition is over."</span> <<if $humanName>> <span class="dialog-rylan">"But we were so close to completing it..."</span> <<print $humanName>> protests, though he knows Serin is right. <</if>> <span class="dialog-seryk">"The Little Bird's safety comes first. We retreat."</span> Seryk's voice is firm, brooking no argument. </div> <div class="evacuation-process"> <h3>Emergency Evacuation</h3> <p>The party quickly gathers their essential equipment and begins a hasty retreat from the dangerous area. With Liora's condition critical and no way to heal injuries, staying would risk everyone's lives.</p> <div class="evacuation-results"> <h4>Expedition Results:</h4> <ul> <li>❌ Expedition Failed - Emergency Evacuation</li> <li>💔 No rewards gained</li> <li>⚠️ Party survived but learned a harsh lesson about mana management</li> <li>📚 Experience gained in crisis management</li> </ul> </div> </div> <div class="lesson-learned"> <div class="important-realization"> <h4>Important Lesson:</h4> <p><em>The party realizes the critical importance of Liora's mana reserves. Without sufficient healing magic, even the strongest warriors become vulnerable. Future expeditions will require better mana management and possibly backup healing items.</em></p> </div> </div> <<set $expeditionFailed = true>> <<set $partyEscaped = true>> <<set $expeditionEscapeCount = ($expeditionEscapeCount || 0) + 1>> <<for _char range ["Rylan", "Serin", "Seryk"]>> <<set _charStats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<if _charStats>> <<set _charStats.willpower += 0.2>> <<trackCombatStat _char "willpower" 0.2>> <</if>> <</for>> [[Return to Village|Village]] </div> <style> .expedition-escape { padding: 20px; background: linear-gradient(135deg, rgba(255, 0, 0, 0.1), rgba(255, 165, 0, 0.1)); border-radius: 10px; border: 2px solid rgba(255, 0, 0, 0.3); } .escape-scenario { margin: 20px 0; } .liora-condition { padding: 15px; background: rgba(255, 0, 0, 0.2); border-radius: 8px; border-left: 4px solid #ff4444; margin-bottom: 15px; text-align: center; } .party-decision { padding: 15px; background: rgba(255, 165, 0, 0.2); border-radius: 8px; border-left: 4px solid #ffa500; margin-bottom: 15px; } .evacuation-process { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; } .evacuation-results { margin: 15px 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border-radius: 8px; } .evacuation-results ul { list-style: none; padding: 0; } .evacuation-results li { margin: 8px 0; padding: 5px; background: rgba(0, 0, 0, 0.2); border-radius: 4px; } .lesson-learned { margin-top: 20px; } .important-realization { padding: 15px; background: rgba(0, 100, 255, 0.2); border-radius: 8px; border-left: 4px solid #0064ff; } .important-realization h4 { color: #4CAF50; margin-bottom: 10px; } .important-realization p { font-style: italic; line-height: 1.6; } </style>

<<script>>window.AudioSystem.playBGM('ntr1.mp3');<</script>> <div class="seryk-assistance-scene"> <h2>A Quiet Moment</h2> <<changeFace $currentLioraFace>> <div class="scene-description"> <span class="dialog-liora">I feel so weak...</span> I think to myself as I lean against a nearby wall, my magical reserves completely drained. The familiar warmth of my healing magic feels like a distant memory. <span class="dialog-liora">"I... I used too much mana..."</span> I whisper, pressing a trembling hand to my forehead. My vision blurs slightly from the exhaustion. Seryk notices immediately, his face filled with genuine concern. He approaches me carefully, his voice soft and worried. <span class="dialog-seryk">"Little Bird, you look terrible. You've been pushing yourself too hard."</span> His eyes are kind, filled with the same protective warmth I've grown to trust. <span class="dialog-seryk">"I... I might be able to help, but..."</span> He glances around, making sure <<print $humanName>> and Serin are still resting nearby, then leans closer to speak quietly. <span class="dialog-seryk">"My body fluids... they have restorative properties. It could help replenish your mana quickly."</span> His cheeks actually flush as he says this, clearly embarrassed. <span class="dialog-seryk">"I know it sounds strange, but I really want to help you. I... I care about you, Little Bird."</span> </div> <div class="choice-section"> <div class="liora-thoughts"> <span class="dialog-liora">He's... he's offering to help me in such an intimate way. I can see he's embarrassed too, but his concern for me is genuine. And I... I do need the mana. The others are counting on me...</span> <span class="dialog-liora">But what would <<print $humanName>> and Serin think if they knew? This has to stay between us...</span> </div> <div class="assistance-options"> [[Accept his help quietly|SerykAssistanceAccept]] [[Try to decline|SerykAssistanceRefuse]] </div> </div> </div> <style> .seryk-assistance-scene { padding: 20px; background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(75, 0, 130, 0.1)); border-radius: 10px; border: 1px solid rgba(139, 69, 19, 0.3); } .scene-description { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; line-height: 1.6; } .choice-section { margin-top: 20px; } .liora-thoughts { margin: 15px 0; padding: 15px; background: rgba(75, 0, 130, 0.2); border-radius: 8px; border-left: 4px solid rgba(75, 0, 130, 0.5); } .assistance-options { margin-top: 20px; text-align: center; } .assistance-options a { display: inline-block; margin: 10px; padding: 15px 25px; background: linear-gradient(135deg, #8B4513, #4B0082); color: white; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; border: 2px solid transparent; } .assistance-options a:hover { border-color: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } </style>

<<script>>window.AudioSystem.playBGM('sensualmassage.mp3');<</script>> <div class="acceptance-scene"> <h3>Accepting His Help</h3> <div class="scene-content"> <<if $serykxliorantr === "stage1">> I nod slowly, my cheeks burning with embarrassment but also... excitement? <span class="dialog-liora">"The same medicine as before? I... I remember how good it made me feel..."</span> Seryk's expression is gentle and caring. He glances around to make sure we're alone, then carefully guides me to a secluded spot. <span class="dialog-seryk">"Just like before, Little Bird. Close your eyes and open your mouth. Let me take care of you."</span> His voice is soft, reassuring, and I find myself obeying without hesitation. <center><img src="images/liora/chapter2/ntr1/mouthopen.webp" alt="Liora's Trust" width="400"></center> I close my eyes and part my lips, already anticipating that strange, sweet taste. When the first drop of his saliva lands on my tongue, I can't help but let out a soft sigh of relief. <span class="dialog-liora">"Mmm... it tastes even better than I remembered..."</span> I whisper, swallowing eagerly. Each drop sends that familiar warm tingling through my body, but this time I'm not confused by it - I welcome it. <span class="dialog-seryk">"That's it, Little Bird. You're getting used to it, aren't you?"</span> His voice carries a hint of satisfaction as he continues feeding me his saliva. <span class="dialog-seryk">"Your body is learning to crave what it needs."</span> <span class="dialog-liora">He's right... I do crave it now. The taste, the warmth, the way it makes me feel so alive and energized. Why does his saliva affect me so strongly?</span> When he's finished, I feel completely restored - not just my mana, but something deeper. <span class="dialog-liora">"Thank you, Seryk... I feel perfect now."</span> <span class="dialog-seryk">"We'll tell the others you found medicinal herbs again. Our little secret."</span> He helps me fix my appearance, his touch lingering just a moment longer than necessary. <span class="dialog-liora">"Our secret..."</span> I repeat, and the words send a thrill through me that I don't quite understand.<<else>> I nod slowly, my cheeks burning with embarrassment but my need for mana overriding everything else. <span class="dialog-liora">"I... if it will really help... then please..."</span> Seryk's expression is so gentle and caring. He glances around once more to make sure we're alone, then carefully guides me to a more secluded spot behind some rocks. <span class="dialog-seryk">"I'll be as gentle as possible, Little Bird. Just trust me, okay?"</span> His voice is soft, reassuring. I can see he's nervous too, which somehow makes me feel better about this. <center><img src="images/seryk/nightactivities/2/ntrmariel/hand.webp" alt="Seryk's Care" width="400"></center> What follows is incredibly intimate. Seryk is so careful with me, so attentive to my comfort. His body fluids... they taste strange but not unpleasant, and almost immediately I feel a warm energy flowing through me. <span class="dialog-liora">"Oh... I can feel my mana returning..."</span> I gasp softly, trying to keep my voice down. The sensation is incredible - like warm honey flowing through my veins, restoring not just my magical energy but making me feel more alive than I have in days. <span class="dialog-seryk">"That's it, Little Bird. Let it work through your system."</span> His hand gently strokes my hair as I recover. <span class="dialog-seryk">"You're so important to everyone... I couldn't bear to see you suffering."</span> <span class="dialog-liora">I... I feel amazing. But also... different somehow. Like part of him is now part of me...</span> When we're finished, Seryk helps me straighten my clothes and hair. <span class="dialog-seryk">"We should tell the others you found some medicinal herbs to restore your mana. They don't need to know the details."</span> <span class="dialog-liora">"Y-yes... that's a good idea..."</span> I manage to say, still feeling the warm afterglow of the restoration.<</if>></div> <div class="aftermath"> <h4>Mana Fully Restored</h4> <p><span class="dialog-liora">I feel completely refreshed! My mana is back to full strength, and I feel... closer to Seryk somehow.</span></p> <<if $serykxliorantr === "stage1">> <div class="stage-progress" style="background: linear-gradient(45deg, rgba(139, 69, 19, 0.3), rgba(75, 0, 130, 0.3)); border: 2px solid rgba(139, 69, 19, 0.6); border-radius: 8px; padding: 15px; margin: 20px 0; text-align: center;"> <p style="color: #8B4513; font-weight: bold; margin-bottom: 10px;">🔥 NTR Stage 1: Saliva Fascination 🔥</p> <p style="color: #dda0dd; font-style: italic;">Liora's growing fascination with Seryk's saliva deepens...</p> <div style="margin-top: 10px;"> <span style="color: #FF1493;">Attraction +3</span> | <span style="color: #FFB6C1;">Affection +2</span> | <span style="color: #DDA0DD;">Saliva Fetish +0.2</span></div></div><</if>></div> <<set State.variables.liora_combatStats.currentStamina = State.variables.liora_combatStats.maxStamina>> <<if $serykxliorantr === "stage1">><<set $liora_SerykAttraction += 3>><<trackAttraction "Liora" "Seryk" 3>> <<set $liora_SerykAffection += 2>><<trackAffection "Liora" "Seryk" 2>> <<set $liora_SalivaFetish = ($liora_SalivaFetish || 0) + 0.2>><<trackFetish "Liora" "salivaFetish" 0.2>> <<set $liora_serykDependency = ($liora_serykDependency || 0) + 1>><<trackOther "Liora" "serykDependency" 1>> <<changeLust "Liora" 15>><<changeLust "Seryk" 20>> <<else>><<set $liora_SerykAttraction += 5>><<trackAttraction "Liora" "Seryk" 5>> <<set $liora_SerykAffection += 2>><<trackAffection "Liora" "Seryk" 2>> <<set $liora_serykDependency = ($liora_serykDependency || 0) + 2>><<trackOther "Liora" "serykDependency" 2>> <<changeLust "Liora" 25>><<changeLust "Seryk" 30>> <</if>> <<set $serykAssistanceCount = ($serykAssistanceCount || 0) + 1>> <center>[[Return to the others|PostAssistanceContinue]]</center> </div> <style> .acceptance-scene { padding: 20px; background: linear-gradient(135deg, rgba(75, 0, 130, 0.2), rgba(255, 20, 147, 0.1)); border-radius: 10px; } .scene-content { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; line-height: 1.6; } .aftermath { margin-top: 20px; padding: 15px; background: rgba(0, 255, 0, 0.1); border-radius: 8px; border: 1px solid rgba(0, 255, 0, 0.3); text-align: center; } </style>

<div class="refusal-scene"> <h3>Trying to Decline</h3><div class="scene-content"> I shake my head, my cheeks burning with embarrassment. <span class="dialog-liora">"I... I can't... that's too intimate... maybe I can rest and recover naturally..."</span> But Seryk's expression becomes more concerned, not angry or pushy - just genuinely worried about me. <span class="dialog-seryk">"Little Bird, look at yourself. You're barely standing."</span> He's right. I can feel my legs trembling, and my vision keeps blurring. <span class="dialog-seryk">"I know it's embarrassing, but I really do care about you. The party needs you healthy, and... I need to know you're okay."</span> <span class="dialog-liora">"But what if someone finds out? What if <<print $humanName>> or Serin..."</span> <span class="dialog-seryk">"They won't. This will be our secret."</span> His voice is so gentle, so caring. <span class="dialog-seryk">"I promise I'll be respectful. I just... I can't bear to see you suffering when I can help."</span> <span class="dialog-liora">He's not being pushy or demanding. He genuinely wants to help me, and... and I do need the mana. The others are counting on me to keep them healed...</span> <span class="dialog-liora">"I... if you promise it stays between us... and if it will really help the party..."</span> </div> <div class="gentle-acceptance"> <p><em><span class="dialog-liora">His genuine concern for me and the party's safety makes me realize this might be the only way...</span></em></p> </div> [[Accept his help|SerykAssistanceAccept]] </div> <style> .refusal-scene { padding: 20px; background: linear-gradient(135deg, rgba(255, 0, 0, 0.1), rgba(75, 0, 130, 0.1)); border-radius: 10px; } .scene-content { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; line-height: 1.6; } .gentle-acceptance { margin-top: 20px; padding: 15px; background: rgba(255, 165, 0, 0.2); border-radius: 8px; border-left: 4px solid rgba(255, 165, 0, 0.5); font-style: italic; text-align: center; } </style>

<<changeFace $currentLioraFace>> <div class="post-assistance"> <h3>Returning to the Others</h3> <div class="scene-content"> <span class="dialog-liora">I feel... incredible. My mana is completely restored, but there's something else... something warm and tingly still flowing through me.</span> As we walk back to where <<print $humanName>> and Serin are waiting, Seryk gently reminds me: <span class="dialog-seryk">"Remember, you found some medicinal herbs that restored your mana. That's all they need to know."</span> <span class="dialog-liora">"Y-yes... medicinal herbs..."</span> I nod, though I can still taste him on my lips. <span class="dialog-liora">Why does keeping this secret feel so... exciting?</span> When we approach the others, <<print $humanName>> looks up with concern. <span class="dialog-rylan">"Liora! You look much better. Did you find something to help?"</span> <span class="dialog-liora">"I... yes! I found some special herbs that restored my mana completely."</span> The lie comes surprisingly easily. <span class="dialog-liora">"Seryk helped me identify them."</span> Serin stretches and grins. <span class="dialog-serin">"Great! Now we can keep going. I was getting bored just waiting around."</span> <span class="dialog-liora">They have no idea what really happened. Only Seryk and I know... and somehow that makes me feel closer to him than ever.</span></div> <div class="expedition-continue"> <h4>Ready to Continue</h4> <p><span class="dialog-liora">My mana is fully restored and I feel stronger than ever. The expedition can continue!</span></p></div> <<set $postBattleSerykAssistance = false>><<link "Continue the expedition">><<advanceExpedition>><<if $hasNextMovement>><<generateEncounter>><<goto "ExpeditionEncounter">><<else>><<completeExpedition true>><<goto "ExpeditionComplete">><</if>><</link>></div> <style> .post-assistance { padding: 20px; background: linear-gradient(135deg, rgba(0, 255, 0, 0.1), rgba(75, 0, 130, 0.1)); border-radius: 10px; } .scene-content { margin: 20px 0; padding: 15px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; line-height: 1.6; } .expedition-continue { margin-top: 20px; padding: 15px; background: rgba(0, 255, 0, 0.1); border-radius: 8px; border: 1px solid rgba(0, 255, 0, 0.3); text-align: center; } </style> <<statSummary>> <<changeFace $currentLioraFace>>

<<if !$currentCharacter>> An error occurred. No character selected. [[Return|previous()]] <<else>> <<set _char = $characterTalents[$currentCharacter]>> <<if _char>> <<if $talentType == "corruption">> Your soul pulses with dark energy as you consider your path... // Display passive stat gains <div class="stat-changes"> Passive Stats Gained This Level: • Strength +2 • Agility +2 • Willpower +2 • Endurance +2 • Mana Control +2 </div> // Display corruption debuff if applicable <<if _char.corruption.debuffs.length > 0>> <div class="corruption-effects"> Latest Corruption Effect: • <<print setup.getDebuffDescription(_char.corruption.debuffs[_char.corruption.debuffs.length - 1])>> </div> <</if>> // Display available talents based on character <<for _tier, _talents range _char.corruption.talents>> <<if _char.corruption.level >= setup.getTierRequirement(_tier)>> <div class="talent-tier"> <<for _talentName, _unlocked range _talents>> <<if !_unlocked>> [[<<print setup.getTalentName(_talentName)>>|SelectTalent][$selectedTalent = _talentName; $selectedTier = _tier]] <<print setup.getTalentDescription(_talentName)>> <</if>> <</for>> </div> <</if>> <</for>> <<else>> Divine light fills your soul as you consider your path... // Display passive stat gains <div class="stat-changes"> Passive Stats Gained This Level: • Strength +2 • Agility +2 • Willpower +2 • Endurance +2 • Mana Control +2 </div> // Display blessing buff if applicable <<if _char.blessing.buffs.length > 0>> <div class="blessing-effects"> Latest Blessing Effect: • <<print setup.getBuffDescription(_char.blessing.buffs[_char.blessing.buffs.length - 1])>> </div> <</if>> // Display available talents based on character <<for _tier, _talents range _char.blessing.talents>> <<if _char.blessing.level >= setup.getTierRequirement(_tier)>> <div class="talent-tier"> <<for _talentName, _unlocked range _talents>> <<if !_unlocked>> [[<<print setup.getTalentName(_talentName)>>|SelectTalent][$selectedTalent = _talentName; $selectedTier = _tier]] <<print setup.getTalentDescription(_talentName)>> <</if>> <</for>> </div> <</if>> <</for>> <</if>> <<else>> An error occurred. Character data not found. [[Return|previous()]] <</if>> <</if>>

<<if $currentCharacter && $selectedTalent && $selectedTier>> <<set _char = $characterTalents[$currentCharacter]>> <<if _char>> <<if $talentType == "corruption">> <<set _char.corruption.talents[$selectedTier][$selectedTalent] = true>> <<else>> <<set _char.blessing.talents[$selectedTier][$selectedTalent] = true>> <</if>> Your soul resonates with new power as you master this ability. [[Continue|previous()]] <<else>> An error occurred. Please try again. [[Return|previous()]] <</if>> <<else>> An error occurred. Please try again. [[Return|previous()]] <</if>>

<<script>>window.AudioSystem.playBGM('forestofthebeginning.mp3');<</script>> <<script>> // Create the expedition configuration const expeditionConfig = { id: "forestTest", name: "Forest Training Expedition", description: "A test expedition through the Forest of Beginning to try out the new rogue-lite combat system.", routes: { safe: { name: 'Safe Path', difficulty: 0.7, movements: 8, poisonDamage: 3 }, balanced: { name: 'Standard Route', difficulty: 1.0, movements: 12, poisonDamage: 5 }, risky: { name: 'Dangerous Trail', difficulty: 1.4, movements: 16, poisonDamage: 7 } }, encounters: { easy: ['Slime', 'Goblin'], medium: ['Wolf', 'RedSlime'], hard: ['BlackSlime', 'GoblinHorde'], boss: ['SpecialSlime'] }, events: [ { id: 'rest', name: 'Peaceful Grove', type: 'rest' }, { id: 'corruption', name: 'Strange Mist', type: 'corruption' }, { id: 'relationship', name: 'Campfire Chat', type: 'relationship' }, { id: 'training', name: 'Combat Practice', type: 'training' } ], loot: { common: [ { name: 'Health Potion', effect: 'heal', value: 25 }, { name: 'Vitality Boost', effect: 'maxHealth', value: 8 }, { name: 'Energy Bar', effect: 'heal', value: 15 } ], rare: [ { name: 'Power Gauntlets', effect: 'physicalPower', value: 1.8 }, { name: 'Swift Boots', effect: 'agility', value: 1.5 }, { name: 'Iron Plating', effect: 'maxHealth', value: 20 } ] } }; // Create the expedition using the system window.ExpeditionSystem.currentExpedition = window.ExpeditionSystem.createExpedition(expeditionConfig); State.variables.currentExpedition = window.ExpeditionSystem.currentExpedition; <</script>> <div class="test-expedition-intro"> <h1>🎮 Rogue-lite Combat System Test</h1> <div class="system-info"> <h3>New Features:</h3> <ul> <li><strong>Route Selection:</strong> Choose between Safe, Balanced, or Risky paths</li> <li><strong>Movement-Based:</strong> Navigate through poisonous dungeon chambers</li> <li><strong>Poison System:</strong> Each movement damages the party, Liora can heal</li> <li><strong>Permanent Loot:</strong> Equipment gains that persist after expedition</li> <li><strong>Combat Party:</strong> Only Rylan, Serin, and Seryk fight - Liora heals</li> <li><strong>Auto-Revival:</strong> Liora automatically revives fallen party members</li> </ul> </div> <div class="combat-changes"> <h3>Combat Changes:</h3> <ul> <li><strong>Turn-Based:</strong> Agility determines turn order</li> <li><strong>Action Types:</strong> Attack, Guard, Special, Assist</li> <li><strong>Combo System:</strong> Build combos for enhanced effects</li> <li><strong>Corruption Effects:</strong> High corruption can enhance combat abilities</li> <li><strong>Lust Effects:</strong> High lust can cause distractions in battle</li> </ul> </div> <div class="integration-notes"> <h3>Story Integration:</h3> <ul> <li>Combat victories provide small permanent stat gains (0.1-0.2)</li> <li>Poison damage creates tension and resource management</li> <li>Liora's healing role makes her essential for success</li> <li>Permanent loot provides meaningful character progression</li> <li>Big gold rewards for successful completion</li> </ul> </div> <div class="start-test"> <<link "🚀 Start Test Expedition">> <<goto "ExpeditionStart">> <</link>> <<link "📖 Return to Story">> <<goto "TownSquare">> <</link>> </div> </div> <style> .test-expedition-intro { max-width: 900px; margin: 0 auto; padding: 30px; background: linear-gradient(135deg, rgba(76, 175, 80, 0.1), rgba(33, 150, 243, 0.1)); border-radius: 15px; color: white; border: 2px solid #4CAF50; } .test-expedition-intro h1 { text-align: center; color: #4CAF50; margin-bottom: 30px; font-size: 2.5em; text-shadow: 0 0 10px rgba(76, 175, 80, 0.5); } .system-info, .combat-changes, .integration-notes { background: rgba(0, 0, 0, 0.3); padding: 20px; margin: 20px 0; border-radius: 10px; border-left: 4px solid #4CAF50; } .system-info h3, .combat-changes h3, .integration-notes h3 { color: #4CAF50; margin-bottom: 15px; font-size: 1.3em; } .system-info ul, .combat-changes ul, .integration-notes ul { list-style: none; padding: 0; } .system-info li, .combat-changes li, .integration-notes li { margin: 10px 0; padding: 8px 15px; background: rgba(255, 255, 255, 0.05); border-radius: 5px; border-left: 3px solid #2196F3; } .system-info li strong, .combat-changes li strong, .integration-notes li strong { color: #4CAF50; } .start-test { text-align: center; margin-top: 40px; padding-top: 20px; border-top: 2px solid rgba(76, 175, 80, 0.3); } .start-test a { display: inline-block; margin: 0 15px; padding: 15px 30px; font-size: 1.2em; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; font-weight: bold; } .start-test a:first-child { background: linear-gradient(45deg, #4CAF50, #45a049); color: white; box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3); } .start-test a:first-child:hover { background: linear-gradient(45deg, #45a049, #4CAF50); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4); } .start-test a:last-child { background: linear-gradient(45deg, #2196F3, #1976D2); color: white; box-shadow: 0 4px 15px rgba(33, 150, 243, 0.3); } .start-test a:last-child:hover { background: linear-gradient(45deg, #1976D2, #2196F3); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(33, 150, 243, 0.4); } </style>

<<script>>window.AudioSystem.playBGM('default.mp3');<</script>> <div class="event-encounter"> <div class="event-header"> <h2>🌳 Peaceful Grove</h2> <p>Your party discovers a tranquil clearing with a small spring and soft grass.</p> </div> <div class="event-image"> <center><img src="images/landscapes/flowerbed.webp" alt="Peaceful Grove" width="400"></center> </div> <div class="event-description"> <p>The gentle sound of flowing water and chirping birds creates a serene atmosphere. This seems like the perfect place to rest and recover.</p> </div> <div class="event-choices"> <h3>What do you want to do?</h3> <div class="choice-grid"> <<link "Take a Long Rest">> <<set $expeditionData.partyFatigue = Math.max(0, $expeditionData.partyFatigue - 2)>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _stats.currentHealth = Math.min(_stats.maxHealth, _stats.currentHealth + 30)>> <<set _stats.currentStamina = Math.min(_stats.maxStamina, _stats.currentStamina + 40)>> <</for>> <<set $restChoice = "long">> <<goto "ExpeditionEvent_rest_result">> <</link>> <<link "Quick Break">> <<set $expeditionData.partyFatigue = Math.max(0, $expeditionData.partyFatigue - 1)>> <<for _char range ["Rylan", "Serin", "Liora"]>> <<set _stats = State.variables[_char.toLowerCase() + "_combatStats"]>> <<set _stats.currentStamina = Math.min(_stats.maxStamina, _stats.currentStamina + 20)>> <</for>> <<set $restChoice = "quick">> <<goto "ExpeditionEvent_rest_result">> <</link>> <<link "Practice Training">> <<for _char range ["Rylan", "Serin", "Liora"]>> <<if random(1, 100) <= 60>> <<set _statChoices = ["physicalPower", "agility", "technique"]>> <<set _stat = _statChoices[random(0, 2)]>> <<changeCombatStat _char _stat 0.1>> <</if>> <</for>> <<set $restChoice = "training">> <<goto "ExpeditionEvent_rest_result">> <</link>> </div> </div> </div> <style> .event-encounter { max-width: 700px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: white; } .event-header { text-align: center; margin-bottom: 20px; } .event-header h2 { color: #4CAF50; margin-bottom: 10px; } .event-image { margin: 20px 0; } .event-description { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 5px; margin: 20px 0; font-style: italic; } .event-choices h3 { color: #4CAF50; text-align: center; margin-bottom: 15px; } .choice-grid { display: grid; gap: 15px; } .choice-grid a { display: block; padding: 15px; background: linear-gradient(45deg, #4CAF50, #45a049); color: white; text-decoration: none; border-radius: 8px; text-align: center; transition: all 0.3s ease; font-weight: bold; } .choice-grid a:hover { background: linear-gradient(45deg, #45a049, #4CAF50); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3); } </style>

<div class="event-result"> <<if $restChoice === "long">> <h3>🛌 Long Rest Complete</h3> <p><span class="dialog-rylan">"That was exactly what we needed. I feel much better now."</span></p> <p><span class="dialog-serin">"Nothing beats a good rest in nature. Ready for whatever comes next!"</span></p> <p><span class="dialog-liora">"The spring water was so refreshing... I feel renewed."</span></p> <div class="rest-benefits"> <h4>Benefits:</h4> <ul> <li>✨ Party Fatigue reduced by 2</li> <li>💚 All party members healed 30 HP</li> <li>💙 All party members recovered 40 SP</li> </ul> </div> <<elseif $restChoice === "quick">> <h3>⚡ Quick Break</h3> <p><span class="dialog-rylan">"A short break, but it helped. Let's keep moving."</span></p> <p><span class="dialog-serin">"Just enough to catch our breath. I'm ready to go!"</span></p> <p><span class="dialog-liora">"I feel a bit better. Thank you for the rest."</span></p> <div class="rest-benefits"> <h4>Benefits:</h4> <ul> <li>✨ Party Fatigue reduced by 1</li> <li>💙 All party members recovered 20 SP</li> </ul> </div> <<else>> <h3>⚔️ Training Session</h3> <p><span class="dialog-serin">"Good idea! Let's use this space to practice our techniques."</span></p> <p><span class="dialog-rylan">"I can feel myself getting stronger through this training."</span></p> <p><span class="dialog-liora">"Even I learned something new about combat positioning."</span></p> <div class="rest-benefits"> <h4>Benefits:</h4> <ul> <li>⚔️ Chance for combat stat improvements</li> <li>🎯 Enhanced technique and coordination</li> </ul> </div> <</if>> <div class="continue-expedition"> <<link "Continue the Expedition">> <<nextEncounter>> <<if $hasNextEncounter>> <<goto "ExpeditionEncounter">> <<else>> <<completeExpedition true>> <<goto "ExpeditionComplete">> <</if>> <</link>> </div> </div> <style> .event-result { max-width: 600px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: white; } .event-result h3 { color: #4CAF50; text-align: center; margin-bottom: 20px; } .event-result p { margin: 10px 0; padding: 8px; background: rgba(255, 255, 255, 0.05); border-radius: 5px; } .rest-benefits { background: rgba(76, 175, 80, 0.1); padding: 15px; border-radius: 5px; margin: 20px 0; border-left: 4px solid #4CAF50; } .rest-benefits h4 { color: #4CAF50; margin-bottom: 10px; } .rest-benefits ul { list-style: none; padding: 0; } .rest-benefits li { margin: 5px 0; padding: 5px 10px; background: rgba(255, 255, 255, 0.05); border-radius: 3px; } .continue-expedition { text-align: center; margin-top: 30px; } .continue-expedition a { padding: 12px 24px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background 0.3s; } .continue-expedition a:hover { background: #45a049; } </style>

<div class="sneak-success"> <h2>🤫 Successfully Avoided Combat!</h2> <div class="sneak-description"> <p>Your party carefully navigates around the enemies, using stealth and cunning to avoid a potentially dangerous encounter.</p> <p><span class="dialog-serin">"Nice work everyone. Sometimes the best fight is the one you don't have."</span></p> <p><span class="dialog-rylan">"We saved our energy for when it really matters."</span></p> <p><span class="dialog-liora">"I'm glad we didn't have to hurt anyone unnecessarily."</span></p> </div> <div class="sneak-benefits"> <h4>Benefits of Avoiding Combat:</h4> <ul> <li>✨ No additional fatigue gained</li> <li>💙 Stamina preserved for future encounters</li> <li>🎯 Slight agility improvement from stealth practice</li> </ul> <<for _char range ["Rylan", "Serin", "Liora"]>> <<if random(1, 100) <= 40>> <<changeCombatStat _char "agility" 0.1>> <</if>> <</for>> </div> <div class="continue-expedition"> <<link "Continue Forward">> <<nextEncounter>> <<if $hasNextEncounter>> <<goto "ExpeditionEncounter">> <<else>> <<completeExpedition true>> <<goto "ExpeditionComplete">> <</if>> <</link>> </div> </div> <style> .sneak-success { max-width: 600px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; color: white; } .sneak-success h2 { color: #4CAF50; text-align: center; margin-bottom: 20px; } .sneak-description { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 5px; margin: 20px 0; } .sneak-description p { margin: 10px 0; } .sneak-benefits { background: rgba(76, 175, 80, 0.1); padding: 15px; border-radius: 5px; margin: 20px 0; border-left: 4px solid #4CAF50; } .sneak-benefits h4 { color: #4CAF50; margin-bottom: 10px; } .sneak-benefits ul { list-style: none; padding: 0; } .sneak-benefits li { margin: 5px 0; padding: 5px 10px; background: rgba(255, 255, 255, 0.05); border-radius: 3px; } .continue-expedition { text-align: center; margin-top: 30px; } .continue-expedition a { padding: 12px 24px; background: #4CAF50; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; } </style> <<statSummary>> <<changeFace $currentRylanFace>>

<<script>> if (!State.variables.currentDungeonBattle.enemy) { State.variables.currentDungeonBattle = { enemy: { name: "Corrupted Guard", maxLust: 120, attack: 25, defense: 15 }, enemyLust: 0, enemyMaxLust: 120, round: 0, dungeonStartHP: 0, totalStartHP: 0 }; DungeonSystem.startBattle("chapter1", 0); } <</script>> <<nobr>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); padding: 20px; margin: 20px 0; border-radius: 10px;"> <h2 style="color: #FFD700; text-align: center; margin-bottom: 20px;">⚔️ Dungeon Battle</h2> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;"> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 8px; border: 1px solid rgba(100, 100, 100, 0.3);"> <h3 style="color: #FF6B6B; margin-bottom: 10px;">Enemy Status</h3> <p><strong>Name:</strong> <<print State.variables.currentDungeonBattle.enemy.name>></p> <p><strong>Lust:</strong> <<print State.variables.currentDungeonBattle.enemyLust>> / <<print State.variables.currentDungeonBattle.enemyMaxLust>></p> <p><strong>Attack:</strong> <<print State.variables.currentDungeonBattle.enemy.attack>></p> <p><strong>Defense:</strong> <<print State.variables.currentDungeonBattle.enemy.defense>></p> </div> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 8px; border: 1px solid rgba(100, 100, 100, 0.3);"> <h3 style="color: #4ECDC4; margin-bottom: 10px;">Dungeon Status</h3> <p><strong>Health:</strong> <<print State.variables.dungeonStats.health>> / <<print State.variables.dungeonStats.maxHealth>></p> <p><strong>Defense:</strong> <<print State.variables.dungeonStats.defense>></p> <p><strong>Trap Level:</strong> <<print State.variables.dungeonStats.trapLevel>></p> <p><strong>Round:</strong> <<print State.variables.currentDungeonBattle.round>></p> </div> </div> <<if State.variables.currentDungeonBattle.round === 0>> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; text-align: center; margin-bottom: 20px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">Battle Ready!</h3> <p style="color: #E0E0E0; margin-bottom: 15px;">Your traps are set and your dungeon is prepared. The <<print State.variables.currentDungeonBattle.enemy.name>> approaches...</p> <p style="color: #87CEEB;"><strong>Lust Damage per Round:</strong> <<print DungeonSystem.calculateLustDamage()>></p> <p style="color: #FF6B6B;"><strong>Enemy Attack:</strong> <<print State.variables.currentDungeonBattle.enemy.attack>></p> </div> <div style="text-align: center;"> <<link "🎯 Begin Battle" "DungeonCombatRound">><<set $temp = "">><</link>> </div> <</if>> <<if State.variables.currentDungeonBattle.round > 0>> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; margin-bottom: 20px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">Round <<print State.variables.currentDungeonBattle.round>> Results</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 15px;"> <div style="background: rgba(76, 175, 80, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(76, 175, 80, 0.4);"> <h4 style="color: #4CAF50; margin-bottom: 8px;">🎯 Your Traps</h4> <p><strong>Lust Damage:</strong> +<<print DungeonSystem.calculateLustDamage()>></p> <p><strong>Enemy Lust:</strong> <<print State.variables.currentDungeonBattle.enemyLust>> / <<print State.variables.currentDungeonBattle.enemyMaxLust>></p> </div> <div style="background: rgba(244, 67, 54, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(244, 67, 54, 0.4);"> <h4 style="color: #F44336; margin-bottom: 8px;">⚔️ Enemy Attack</h4> <p><strong>Damage Dealt:</strong> -<<print Math.max(5, State.variables.currentDungeonBattle.enemy.attack - State.variables.dungeonStats.defense)>></p> <p><strong>Dungeon Health:</strong> <<print State.variables.dungeonStats.health>></p> </div> </div> <<if DungeonSystem.checkVictory() === "ongoing">> <div style="text-align: center;"> <<link "⏭️ Next Round" "DungeonCombatRound">><<set $temp = "">><</link>> </div> <</if>> </div> <</if>> <<if DungeonSystem.checkVictory() === "victory">> <div style="background: linear-gradient(145deg, rgba(76, 175, 80, 0.2), rgba(76, 175, 80, 0.1)); padding: 20px; border-radius: 8px; border: 2px solid rgba(76, 175, 80, 0.6); margin-bottom: 20px;"> <h3 style="color: #4CAF50; text-align: center; margin-bottom: 15px;">🎉 VICTORY!</h3> <p style="color: #E0E0E0; text-align: center; margin-bottom: 15px;">The <<print State.variables.currentDungeonBattle.enemy.name>> has been overwhelmed by lust!</p> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 6px; margin-bottom: 15px;"> <h4 style="color: #FFD700; margin-bottom: 10px;">Victory Tier: <<print DungeonSystem.calculateVictoryTier()>></h4> <p><strong>Dungeon Health Remaining:</strong> <<print State.variables.dungeonStats.health>> / <<print State.variables.currentDungeonBattle.totalStartHP>></p> <p><strong>Health Percentage:</strong> <<print Math.round((State.variables.dungeonStats.health / State.variables.currentDungeonBattle.totalStartHP) * 100)>>%</p> <p><strong>Rewards:</strong> <<if DungeonSystem.calculateVictoryTier() === "overkill">>150% (Overkill Bonus)<<elseif DungeonSystem.calculateVictoryTier() === "normal">>100% (Normal)<<elseif DungeonSystem.calculateVictoryTier() === "barely">>50% (Barely Won)<<else>>0% (Defeat)<</if>> </p> </div> <div style="text-align: center;"> <<link "🔒 Capture Prisoner" "PrisonerCapture">><<set $temp = "">><</link>> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> </div> </div> <</if>> <<if DungeonSystem.checkVictory() === "defeat">> <div style="background: linear-gradient(145deg, rgba(244, 67, 54, 0.2), rgba(244, 67, 54, 0.1)); padding: 20px; border-radius: 8px; border: 2px solid rgba(244, 67, 54, 0.6); margin-bottom: 20px;"> <h3 style="color: #F44336; text-align: center; margin-bottom: 15px;">💀 DEFEAT!</h3> <p style="color: #E0E0E0; text-align: center; margin-bottom: 15px;">Your dungeon has been destroyed! No rewards earned.</p> <div style="text-align: center;"> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> </div> </div> <</if>> </div> <</nobr>> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<statSummary>>

<<nobr>> <<set $roundResult = DungeonSystem.processRound()>> <<set State.variables.currentDungeonBattle.enemyLust = $roundResult.enemyLust>> <<set State.variables.dungeonStats.health = $roundResult.dungeonHealth>> <div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95), rgba(45, 45, 60, 0.9)); border: 3px solid rgba(255, 215, 0, 0.6); padding: 15px; margin: 15px 0; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);"> <h2 style="color: #FFD700; text-align: center; margin: 0 0 15px 0; font-size: 24px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);">⚔️ Round <<print State.variables.currentDungeonBattle.round>></h2> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(76, 175, 80, 0.15), rgba(76, 175, 80, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(76, 175, 80, 0.4);"> <h3 style="color: #4CAF50; margin: 0 0 8px 0; font-size: 18px; text-align: center;">🎯 Trap Activation</h3> <p style="color: #E0E0E0; margin: 0 0 8px 0; font-size: 14px; text-align: center;">Your traps overwhelm <<print State.variables.currentDungeonBattle.enemy.name>> with lust!</p> <div style="background: rgba(76, 175, 80, 0.3); padding: 10px; border-radius: 6px; text-align: center;"> <p style="font-size: 20px; color: #4CAF50; margin: 0; font-weight: bold;">+<<print $roundResult.lustDamage>> Lust</p> <p style="color: #E0E0E0; margin: 5px 0 0 0; font-size: 14px;"><strong>Enemy Lust:</strong> <<print $roundResult.enemyLust>> / <<print State.variables.currentDungeonBattle.enemyMaxLust>></p> </div> </div> <div style="background: linear-gradient(145deg, rgba(244, 67, 54, 0.15), rgba(244, 67, 54, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(244, 67, 54, 0.4);"> <h3 style="color: #F44336; margin: 0 0 8px 0; font-size: 18px; text-align: center;">⚔️ Enemy Counterattack</h3> <p style="color: #E0E0E0; margin: 0 0 8px 0; font-size: 14px; text-align: center;"><<print State.variables.currentDungeonBattle.enemy.name>> strikes back!</p> <div style="background: rgba(244, 67, 54, 0.3); padding: 10px; border-radius: 6px; text-align: center;"> <p style="font-size: 20px; color: #F44336; margin: 0; font-weight: bold;">-<<print $roundResult.enemyDamage>> Health</p> <p style="color: #E0E0E0; margin: 5px 0 0 0; font-size: 14px;"><strong>Dungeon:</strong> <<print $roundResult.dungeonHealth>> / <<print State.variables.currentDungeonBattle.totalStartHP>></p> </div> </div> </div> <<if $roundResult.enemyLust >= State.variables.currentDungeonBattle.enemyMaxLust>> <div style="background: linear-gradient(145deg, rgba(76, 175, 80, 0.4), rgba(76, 175, 80, 0.2)); padding: 12px; border-radius: 8px; border: 2px solid rgba(76, 175, 80, 0.8); margin-bottom: 15px; text-align: center;"> <h4 style="color: #4CAF50; margin: 0; font-size: 18px;">🎉 Lust Overwhelmed!</h4> <p style="color: #E0E0E0; margin: 5px 0 0 0;"><<print State.variables.currentDungeonBattle.enemy.name>> can't resist!</p> </div> <</if>> <<if $roundResult.dungeonHealth <= 0>> <div style="background: linear-gradient(145deg, rgba(244, 67, 54, 0.4), rgba(244, 67, 54, 0.2)); padding: 12px; border-radius: 8px; border: 2px solid rgba(244, 67, 54, 0.8); margin-bottom: 15px; text-align: center;"> <h4 style="color: #F44336; margin: 0; font-size: 18px;">💀 Dungeon Destroyed!</h4> <p style="color: #E0E0E0; margin: 5px 0 0 0;">Your dungeon is gone!</p> </div> <</if>> <div style="background: rgba(60, 60, 75, 0.9); padding: 12px; border-radius: 8px; border: 1px solid rgba(255, 215, 0, 0.3); margin-bottom: 15px;"> <h3 style="color: #87CEEB; margin: 0 0 10px 0; font-size: 16px; text-align: center;">Battle Status</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> <div style="text-align: center;"> <p style="margin: 5px 0; font-size: 14px;"><strong>Round:</strong> <<print State.variables.currentDungeonBattle.round>></p> <p style="margin: 5px 0; font-size: 14px;"><strong>Lust:</strong> <<print Math.round(($roundResult.enemyLust / State.variables.currentDungeonBattle.enemyMaxLust) * 100)>>%</p> <p style="margin: 5px 0; font-size: 14px;"><strong>Health:</strong> <<print Math.round(($roundResult.dungeonHealth / State.variables.currentDungeonBattle.totalStartHP) * 100)>>%</p> </div> <div style="text-align: center;"> <p style="margin: 5px 0; font-size: 14px;"><strong>Status:</strong></p> <p style="margin: 5px 0; font-size: 16px; font-weight: bold;"> <<if DungeonSystem.checkVictory() === "victory">>🎉 VICTORY!<</if>> <<if DungeonSystem.checkVictory() === "defeat">>💀 DEFEAT!<</if>> <<if DungeonSystem.checkVictory() === "ongoing">>⚔️ Ongoing<</if>> </p> </div> </div> </div> <div style="text-align: center;"> <<if DungeonSystem.checkVictory() === "ongoing">> <<link "⏭️ Continue Battle" "DungeonCombatRound">><<set $temp = "">><</link>> <</if>> <<if DungeonSystem.checkVictory() === "victory">> <<link "🎉 View Victory" "DungeonCombat">><<set $temp = "">><</link>> <</if>> <<if DungeonSystem.checkVictory() === "defeat">> <<link "💀 View Defeat" "DungeonCombat">><<set $temp = "">><</link>> <</if>> <<link "🏰 Return to Battle" "DungeonCombat">><<set $temp = "">><</link>> </div> </div> <</nobr>> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<statSummary>>

<<script>> if (!State.variables.dungeonStats) { State.variables.dungeonStats = { health: 100, defense: 20, attack: 15, trapLevel: 1, maxHealth: 100, maxDefense: 20, maxAttack: 15 }; } if (!State.variables.dungeonEnemies) { State.variables.dungeonEnemies = { chapter1: [ { name: "Corrupted Guard", maxLust: 120, attack: 25, defense: 15 }, { name: "Fallen Priest", maxLust: 150, attack: 30, defense: 20 }, { name: "Dark Knight", maxLust: 180, attack: 35, defense: 25 } ], chapter2: [ { name: "Corrupted Paladin", maxLust: 250, attack: 45, defense: 35 }, { name: "Fallen Angel", maxLust: 300, attack: 50, defense: 40 }, { name: "Demon Hunter", maxLust: 350, attack: 55, defense: 45 } ], chapter3: [ { name: "Corrupted Archangel", maxLust: 500, attack: 70, defense: 60 }, { name: "Fallen Hero", maxLust: 600, attack: 75, defense: 65 }, { name: "Dark Champion", maxLust: 700, attack: 80, defense: 70 } ], chapter4: [ { name: "Corrupted Deity", maxLust: 800, attack: 90, defense: 80 }, { name: "Fallen God", maxLust: 1000, attack: 100, defense: 90 }, { name: "Void Entity", maxLust: 1200, attack: 110, defense: 100 } ] }; } if (!State.variables.currentDungeonBattle) { State.variables.currentDungeonBattle = { enemy: null, enemyLust: 0, enemyMaxLust: 0, round: 0, dungeonStartHP: 0, totalStartHP: 0 }; } window.DungeonSystem = { calculateTotalStats: function() { let party = State.variables.characters; let dungeon = State.variables.dungeonStats; let totalHP = 0; let totalDefense = 0; let totalAttack = 0; Object.keys(party).forEach(charName => { if (party[charName] && party[charName].currentHealth) { totalHP += party[charName].currentHealth; totalDefense += party[charName].defense || 0; totalAttack += party[charName].attack || 0; } }); return { health: totalHP + dungeon.health, defense: totalDefense + dungeon.defense, attack: totalAttack + dungeon.attack, maxHealth: totalHP + dungeon.maxHealth }; }, calculateLustDamage: function() { let dungeon = State.variables.dungeonStats; let party = State.variables.characters; let baseDamage = 10 + (dungeon.trapLevel * 5); let experienceBonus = 0; Object.keys(party).forEach(charName => { if (party[charName] && party[charName].sexualExperience) { experienceBonus += Math.floor(party[charName].sexualExperience / 10); } }); return baseDamage + experienceBonus; }, startBattle: function(enemyType, enemyIndex) { let enemies = State.variables.dungeonEnemies[enemyType]; let enemy = enemies[enemyIndex]; let totalStats = this.calculateTotalStats(); State.variables.currentDungeonBattle = { enemy: enemy, enemyLust: 0, enemyMaxLust: enemy.maxLust, round: 0, dungeonStartHP: State.variables.dungeonStats.health, totalStartHP: totalStats.health }; State.variables.dungeonStats.health = totalStats.health; }, processRound: function() { let battle = State.variables.currentDungeonBattle; let dungeon = State.variables.dungeonStats; battle.round++; let lustDamage = this.calculateLustDamage(); battle.enemyLust += lustDamage; let enemyDamage = Math.max(5, battle.enemy.attack - dungeon.defense); dungeon.health -= enemyDamage; return { lustDamage: lustDamage, enemyDamage: enemyDamage, enemyLust: battle.enemyLust, dungeonHealth: dungeon.health, round: battle.round }; }, checkVictory: function() { let battle = State.variables.currentDungeonBattle; let dungeon = State.variables.dungeonStats; if (battle.enemyLust >= battle.enemyMaxLust) { return "victory"; } else if (dungeon.health <= 0) { return "defeat"; } return "ongoing"; }, calculateVictoryTier: function() { let battle = State.variables.currentDungeonBattle; let dungeon = State.variables.dungeonStats; let healthPercentage = (dungeon.health / battle.totalStartHP) * 100; if (healthPercentage > 80) return "overkill"; if (healthPercentage > 40) return "normal"; if (healthPercentage > 10) return "barely"; return "defeat"; } }; <</script>> <<nobr>> <div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95), rgba(45, 45, 60, 0.9)); border: 3px solid rgba(255, 215, 0, 0.6); padding: 15px; margin: 15px 0; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);"> <h2 style="color: #FFD700; text-align: center; margin: 0 0 15px 0; font-size: 28px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);">🏰 Dungeon Management</h2> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(135, 206, 235, 0.15), rgba(135, 206, 235, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(135, 206, 235, 0.4);"> <h3 style="color: #87CEEB; margin: 0 0 8px 0; font-size: 18px; text-align: center;">Dungeon Stats</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 14px;"> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Health:</strong> <<print State.variables.dungeonStats.health>>/<<print State.variables.dungeonStats.maxHealth>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Defense:</strong> <<print State.variables.dungeonStats.defense>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Attack:</strong> <<print State.variables.dungeonStats.attack>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Trap:</strong> <<print State.variables.dungeonStats.trapLevel>></p> </div> </div> <div style="background: linear-gradient(145deg, rgba(255, 215, 0, 0.15), rgba(255, 215, 0, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(255, 215, 0, 0.4);"> <h3 style="color: #FFD700; margin: 0 0 8px 0; font-size: 18px; text-align: center;">Combined Stats</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 14px;"> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Total HP:</strong> <<print DungeonSystem.calculateTotalStats().health>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Total Def:</strong> <<print DungeonSystem.calculateTotalStats().defense>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Total Atk:</strong> <<print DungeonSystem.calculateTotalStats().attack>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Lust/Round:</strong> <<print DungeonSystem.calculateLustDamage()>></p> </div> </div> </div> <div style="text-align: center;"> <<link "⚔️ Start Battle" "DungeonCombat">><<set $temp = "">><</link>> <<link "🔧 Upgrades" "DungeonUpgrades">><<set $temp = "">><</link>> <<link "🏛️ Prisoners" "PrisonerManagement">><<set $temp = "">><</link>> </div> </div> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <</nobr>> <<statSummary>>

<<script>> if (!State.variables.dungeonStats) { State.variables.dungeonStats = { health: 100, defense: 20, attack: 15, trapLevel: 1, maxHealth: 100, maxDefense: 20, maxAttack: 15 }; } if (!State.variables.dungeonResources) { State.variables.dungeonResources = { gold: 1000, crystals: 100, materials: 50 }; } if (!State.variables.dungeonPrisons) { State.variables.dungeonPrisons = { basicCells: 3, upgradedCells: 0, luxuryCells: 0, trainingCells: 0 }; } window.DungeonUpgradeSystem = { upgradeTrap: function() { let cost = State.variables.dungeonStats.trapLevel * 100; if (State.variables.dungeonResources.gold >= cost) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonStats.trapLevel++; return true; } return false; }, upgradeHealth: function() { let cost = Math.floor(State.variables.dungeonStats.maxHealth / 10) * 50; if (State.variables.dungeonResources.gold >= cost) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonStats.maxHealth += 50; State.variables.dungeonStats.health += 50; return true; } return false; }, upgradeDefense: function() { let cost = State.variables.dungeonStats.defense * 25; if (State.variables.dungeonResources.gold >= cost) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonStats.defense += 5; State.variables.dungeonStats.maxDefense += 5; return true; } return false; }, upgradeAttack: function() { let cost = State.variables.dungeonStats.attack * 20; if (State.variables.dungeonResources.gold >= cost) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonStats.attack += 3; State.variables.dungeonStats.maxAttack += 3; return true; } return false; }, upgradeBasicCell: function() { let cost = 200; if (State.variables.dungeonResources.gold >= cost) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonPrisons.basicCells++; return true; } return false; }, upgradeToUpgradedCell: function() { let cost = 500; if (State.variables.dungeonResources.gold >= cost && State.variables.dungeonPrisons.basicCells > 0) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonPrisons.basicCells--; State.variables.dungeonPrisons.upgradedCells++; return true; } return false; }, upgradeToLuxuryCell: function() { let cost = 1000; if (State.variables.dungeonResources.gold >= cost && State.variables.dungeonPrisons.upgradedCells > 0) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonPrisons.upgradedCells--; State.variables.dungeonPrisons.luxuryCells++; return true; } return false; }, upgradeToTrainingCell: function() { let cost = 1500; if (State.variables.dungeonResources.gold >= cost && State.variables.dungeonPrisons.luxuryCells > 0) { State.variables.dungeonResources.gold -= cost; State.variables.dungeonPrisons.luxuryCells--; State.variables.dungeonPrisons.trainingCells++; return true; } return false; } }; <</script>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); padding: 20px; margin: 20px 0; border-radius: 10px;"> <h2 style="color: #FFD700; text-align: center; margin-bottom: 20px;">🔧 Dungeon Upgrades</h2> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 8px; border: 1px solid rgba(100, 100, 100, 0.3); margin-bottom: 20px;"> <h3 style="color: #87CEEB; margin-bottom: 10px;">💰 Available Resources</h3> <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px;"> <div style="text-align: center;"> <p style="color: #FFD700; font-size: 18px;"><strong>Gold:</strong> <<print State.variables.dungeonResources.gold>></p> </div> <div style="text-align: center;"> <p style="color: #87CEEB; font-size: 18px;"><strong>Crystals:</strong> <<print State.variables.dungeonResources.crystals>></p> </div> <div style="text-align: center;"> <p style="color: #4CAF50; font-size: 18px;"><strong>Materials:</strong> <<print State.variables.dungeonResources.materials>></p> </div> </div> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;"> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">🎯 Trap & Combat Upgrades</h3> <div style="background: rgba(76, 175, 80, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(76, 175, 80, 0.4); margin-bottom: 15px;"> <h4 style="color: #4CAF50; margin-bottom: 8px;">Trap Level <<print State.variables.dungeonStats.trapLevel>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Increases lust damage per round</p> <p style="color: #FFD700;"><strong>Cost:</strong> <<print State.variables.dungeonStats.trapLevel * 100>> Gold</p> <p style="color: #87CEEB;"><strong>Current Lust Damage:</strong> <<print 10 + (State.variables.dungeonStats.trapLevel * 5)>> per round</p> <a href="DungeonUpgradeTrap" class="button" style="background: linear-gradient(145deg, #4CAF50, #45a049); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> <div style="background: rgba(33, 150, 243, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(33, 150, 243, 0.4); margin-bottom: 15px;"> <h4 style="color: #2196F3; margin-bottom: 8px;">Health <<print State.variables.dungeonStats.maxHealth>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Increases dungeon survivability</p> <p style="color: #FFD700;"><strong>Cost:</strong> <<print Math.floor(State.variables.dungeonStats.maxHealth / 10) * 50>> Gold</p> <a href="DungeonUpgradeHealth" class="button" style="background: linear-gradient(145deg, #2196F3, #1976D2); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> <div style="background: rgba(156, 39, 176, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(156, 39, 176, 0.4); margin-bottom: 15px;"> <h4 style="color: #9C27B0; margin-bottom: 8px;">Defense <<print State.variables.dungeonStats.defense>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Reduces enemy damage per round</p> <p style="color: #FFD700;"><strong>Cost:</strong> <<print State.variables.dungeonStats.defense * 25>> Gold</p> <a href="DungeonUpgradeDefense" class="button" style="background: linear-gradient(145deg, #9C27B0, #7B1FA2); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> <div style="background: rgba(255, 152, 0, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(255, 152, 0, 0.4); margin-bottom: 15px;"> <h4 style="color: #FF9800; margin-bottom: 8px;">Attack <<print State.variables.dungeonStats.attack>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Increases dungeon offensive power</p> <p style="color: #FFD700;"><strong>Cost:</strong> <<print State.variables.dungeonStats.attack * 20>> Gold</p> <a href="DungeonUpgradeAttack" class="button" style="background: linear-gradient(145deg, #FF9800, #F57C00); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> </div> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">🏛️ Prison Facility Upgrades</h3> <div style="background: rgba(76, 175, 80, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(76, 175, 80, 0.4); margin-bottom: 15px;"> <h4 style="color: #4CAF50; margin-bottom: 8px;">Basic Cells: <<print State.variables.dungeonPrisons.basicCells>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Standard prison cells for basic prisoners</p> <p style="color: #FFD700;"><strong>Cost:</strong> 200 Gold</p> <a href="DungeonUpgradeBasicCell" class="button" style="background: linear-gradient(145deg, #4CAF50, #45a049); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Add Cell</a> </div> <div style="background: rgba(33, 150, 243, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(33, 150, 243, 0.4); margin-bottom: 15px;"> <h4 style="color: #2196F3; margin-bottom: 8px;">Upgraded Cells: <<print State.variables.dungeonPrisons.upgradedCells>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Better facilities for faster recruitment</p> <p style="color: #FFD700;"><strong>Cost:</strong> 500 Gold (converts 1 basic cell)</p> <a href="DungeonUpgradeToUpgraded" class="button" style="background: linear-gradient(145deg, #2196F3, #1976D2); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> <div style="background: rgba(156, 39, 176, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(156, 39, 176, 0.4); margin-bottom: 15px;"> <h4 style="color: #9C27B0; margin-bottom: 8px;">Luxury Cells: <<print State.variables.dungeonPrisons.luxuryCells>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Premium facilities for elite prisoners</p> <p style="color: #FFD700;"><strong>Cost:</strong> 1000 Gold (converts 1 upgraded cell)</p> <a href="DungeonUpgradeToLuxury" class="button" style="background: linear-gradient(145deg, #9C27B0, #7B1FA2); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> <div style="background: rgba(255, 152, 0, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(255, 152, 0, 0.4); margin-bottom: 15px;"> <h4 style="color: #FF9800; margin-bottom: 8px;">Training Cells: <<print State.variables.dungeonPrisons.trainingCells>></h4> <p style="color: #E0E0E0; margin-bottom: 10px;">Specialized cells for dungeon defenders</p> <p style="color: #FFD700;"><strong>Cost:</strong> 1500 Gold (converts 1 luxury cell)</p> <a href="DungeonUpgradeToTraining" class="button" style="background: linear-gradient(145deg, #FF9800, #F57C00); color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; display: inline-block;">Upgrade</a> </div> </div> </div> <div style="text-align: center;"> <a href="DungeonCore" class="button" style="background: linear-gradient(145deg, #9E9E9E, #757575); color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; margin: 0 10px;">🏰 Return to Dungeon</a> <a href="DungeonCombat" class="button" style="background: linear-gradient(145deg, #4CAF50, #45a049); color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; margin: 0 10px;">⚔️ Start Battle</a> <a href="PrisonerManagement" class="button" style="background: linear-gradient(145deg, #FF9800, #F57C00); color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; margin: 0 10px;">🏛️ Manage Prisoners</a> </div> </div> <<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<statSummary>>

<<script>> if (!State.variables.dungeonPrisoners) { State.variables.dungeonPrisoners = []; } if (!State.variables.dungeonResources) { State.variables.dungeonResources = { gold: 100, manaCrystals: 5, labor: 0 }; } if (!State.variables.dungeonPrison) { State.variables.dungeonPrison = { basicCells: 3, upgradedCells: 1, luxuryCells: 0, trainingCells: 0 }; } <</script>> <div style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95), rgba(45, 45, 60, 0.9)); border: 3px solid rgba(255, 215, 0, 0.6); padding: 15px; margin: 15px 0; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);"> <h2 style="color: #FFD700; text-align: center; margin: 0 0 15px 0; font-size: 28px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);">🔒 Prisoner Captured!</h2> <div style="background: linear-gradient(145deg, rgba(76, 175, 80, 0.2), rgba(76, 175, 80, 0.1)); padding: 15px; border-radius: 8px; border: 2px solid rgba(76, 175, 80, 0.6); margin-bottom: 15px;"> <h3 style="color: #4CAF50; margin: 0 0 10px 0; font-size: 20px; text-align: center;">🎉 Victory Achieved!</h3> <p style="color: #E0E0E0; margin: 0 0 10px 0; font-size: 16px; text-align: center;">You have successfully captured <<print State.variables.currentDungeonBattle.enemy.name>>!</p> <p style="color: #FFD700; margin: 0; font-size: 14px; text-align: center; font-weight: bold;">Victory Tier: <<print DungeonSystem.calculateVictoryTier()>></p> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px;"> <div style="background: linear-gradient(145deg, rgba(255, 215, 0, 0.15), rgba(255, 215, 0, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(255, 215, 0, 0.4);"> <h3 style="color: #FFD700; margin: 0 0 8px 0; font-size: 18px; text-align: center;">💰 Current Resources</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 14px;"> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Gold:</strong> <<print State.variables.dungeonResources.gold>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Crystals:</strong> <<print State.variables.dungeonResources.manaCrystals>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Labor:</strong> <<print State.variables.dungeonResources.labor>></p> </div> </div> <div style="background: linear-gradient(145deg, rgba(135, 206, 235, 0.15), rgba(135, 206, 235, 0.05)); padding: 12px; border-radius: 8px; border: 2px solid rgba(135, 206, 235, 0.4);"> <h3 style="color: #87CEEB; margin: 0 0 8px 0; font-size: 18px; text-align: center;">🏛️ Prison Status</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 14px;"> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Basic:</strong> <<print State.variables.dungeonPrison.basicCells>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Upgraded:</strong> <<print State.variables.dungeonPrison.upgradedCells>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Luxury:</strong> <<print State.variables.dungeonPrison.luxuryCells>></p> <p style="margin: 3px 0; color: #E0E0E0;"><strong>Training:</strong> <<print State.variables.dungeonPrison.trainingCells>></p> </div> </div> </div> <div style="background: linear-gradient(145deg, rgba(156, 39, 176, 0.2), rgba(156, 39, 176, 0.1)); padding: 15px; border-radius: 8px; border: 2px solid rgba(156, 39, 176, 0.6); margin-bottom: 15px;"> <h3 style="color: #9C27B0; margin: 0 0 10px 0; font-size: 20px; text-align: center;">🎭 What would you like to do?</h3> <p style="color: #E0E0E0; margin: 0 0 15px 0; font-size: 16px; text-align: center;">Choose how to handle your new prisoner:</p> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;"> <div style="background: rgba(156, 39, 176, 0.3); padding: 12px; border-radius: 6px; text-align: center;"> <h4 style="color: #E1BEE7; margin: 0 0 8px 0; font-size: 16px;">🔍 Interrogation</h4> <p style="color: #E0E0E0; margin: 0; font-size: 14px;">Extract information through... intimate methods</p> </div> <div style="background: rgba(156, 39, 176, 0.3); padding: 12px; border-radius: 6px; text-align: center;"> <h4 style="color: #E1BEE7; margin: 0 0 8px 0; font-size: 16px;">🏛️ Direct Imprisonment</h4> <p style="color: #E0E0E0; margin: 0; font-size: 14px;">Send directly to prison cells</p> </div> </div> </div> <div style="text-align: center;"> <<link "🔍 Begin Interrogation" "PrisonerInterrogation">><<set $temp = "">><</link>> <<link "🏛️ Imprison Directly" "PrisonerImprisonment">><<set $temp = "">><</link>> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> </div> </div> <<script>>window.AudioSystem.playBGM('nimeria.mp3');<</script>> <<statSummary>>

<<script>> if (!State.variables.dungeonPrisoners) { State.variables.dungeonPrisoners = []; } if (!State.variables.currentDungeonBattle) { State.variables.currentDungeonBattle = { enemy: { name: "Corrupted Guard", maxLust: 120, attack: 25, defense: 15 } }; } if (!State.variables.dungeonResources) { State.variables.dungeonResources = { gold: 1000, crystals: 100, materials: 50 }; } // Add prisoner to the prison system let newPrisoner = { name: State.variables.currentDungeonBattle.enemy.name, maxLust: State.variables.currentDungeonBattle.enemyMaxLust, attack: State.variables.currentDungeonBattle.enemy.attack, defense: State.variables.currentDungeonBattle.enemy.defense, recruited: false, processingTime: 0 }; State.variables.dungeonPrisoners.push(newPrisoner); // Add resources based on victory tier let victoryTier = DungeonSystem.calculateVictoryTier(); if (victoryTier === "overkill") { State.variables.dungeonResources.gold += 150; State.variables.dungeonResources.crystals += 15; } else if (victoryTier === "normal") { State.variables.dungeonResources.gold += 100; State.variables.dungeonResources.crystals += 10; } else if (victoryTier === "barely") { State.variables.dungeonResources.gold += 50; State.variables.dungeonResources.crystals += 5; } <</script>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); padding: 20px; margin: 20px 0; border-radius: 10px;"> <h2 style="color: #FFD700; text-align: center; margin-bottom: 20px;">🏛️ Prisoner Imprisoned</h2> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; margin-bottom: 20px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">🎯 <<print State.variables.currentDungeonBattle.enemy.name>> Imprisoned</h3> <p style="color: #E0E0E0; margin-bottom: 15px;">The prisoner has been successfully transferred to your dungeon cells. They will begin processing for potential recruitment.</p> <div style="background: rgba(156, 39, 176, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(156, 39, 176, 0.4); margin-bottom: 15px;"> <h4 style="color: #9C27B0; margin-bottom: 8px;">Imprisonment Results</h4> <p style="color: #E0E0E0;"><strong>Prisoner Status:</strong> Successfully imprisoned and processing</p> <p style="color: #E0E0E0;"><strong>Processing Time:</strong> Will be ready for recruitment soon</p> <p style="color: #9C27B0;"><strong>Effects:</strong> +Resources, +Dungeon Defense potential</p> </div> </div> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3); margin-bottom: 20px;"> <h3 style="color: #87CEEB; margin-bottom: 10px;">Resources Gained</h3> <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px;"> <div> <h4 style="color: #4CAF50; margin-bottom: 8px;">Gold</h4> <p style="color: #E0E0E0;"><strong>Current:</strong> <<print State.variables.dungeonResources.gold>></p> </div> <div> <h4 style="color: #FF9800; margin-bottom: 8px;">Crystals</h4> <p style="color: #E0E0E0;"><strong>Current:</strong> <<print State.variables.dungeonResources.crystals>></p> </div> <div> <h4 style="color: #9C27B0; margin-bottom: 8px;">Prisoners</h4> <p style="color: #E0E0E0;"><strong>Total:</strong> <<print State.variables.dungeonPrisoners.length>></p> </div> </div> </div> <div style="text-align: center;"> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> <<link "🏛️ Manage Prisoners" "PrisonerManagement">><<set $temp = "">><</link>> <<link "🔧 Upgrades" "DungeonUpgrades">><<set $temp = "">><</link>> </div> </div> <<script>>window.AudioSystem.playBGM('False Utopia.mp3');<</script>> <<statSummary>>

<<script>> if (!State.variables.dungeonPrisoners) { State.variables.dungeonPrisoners = []; } if (!State.variables.dungeonPrisons) { State.variables.dungeonPrisons = { basicCells: 3, upgradedCells: 0, luxuryCells: 0, trainingCells: 0 }; } if (!State.variables.dungeonResources) { State.variables.dungeonResources = { gold: 1000, crystals: 100, materials: 50 }; } <</script>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); padding: 20px; margin: 20px 0; border-radius: 10px;"> <h2 style="color: #FFD700; text-align: center; margin-bottom: 20px;">🏛️ Prisoner Management</h2> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;"> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 8px; border: 1px solid rgba(100, 100, 100, 0.3);"> <h3 style="color: #87CEEB; margin-bottom: 10px;">Prison Status</h3> <p><strong>Total Prisoners:</strong> <<print State.variables.dungeonPrisoners.length>></p> <p><strong>Recruited:</strong> <<print State.variables.dungeonPrisoners.filter(p => p.recruited).length>></p> <p><strong>Processing:</strong> <<print State.variables.dungeonPrisoners.filter(p => !p.recruited).length>></p> </div> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 8px; border: 1px solid rgba(100, 100, 100, 0.3);"> <h3 style="color: #87CEEB; margin-bottom: 10px;">Cell Capacity</h3> <p><strong>Basic Cells:</strong> <<print State.variables.dungeonPrisons.basicCells>></p> <p><strong>Upgraded Cells:</strong> <<print State.variables.dungeonPrisons.upgradedCells>></p> <p><strong>Luxury Cells:</strong> <<print State.variables.dungeonPrisons.luxuryCells>></p> </div> </div> <<if State.variables.dungeonPrisoners.length > 0>> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; margin-bottom: 20px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">Current Prisoners</h3> <<for _i = 0; _i < State.variables.dungeonPrisoners.length; _i++>> <<set _prisoner = State.variables.dungeonPrisoners[_i]>> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3); margin-bottom: 15px;"> <div style="display: grid; grid-template-columns: 1fr auto; gap: 15px; align-items: center;"> <div> <h4 style="color: #FF9800; margin-bottom: 8px;"><<print _prisoner.name>></h4> <p><strong>Status:</strong> <<if _prisoner.recruited>>✅ Recruited<<else>>⏳ Processing<</if>></p> <p><strong>Combat Power:</strong> <<print _prisoner.attack + _prisoner.defense>></p> <p><strong>Max Lust:</strong> <<print _prisoner.maxLust>></p> </div> <<if not _prisoner.recruited>> <div style="text-align: center;"> <<link "🔍 Interrogate" "PrisonerInterrogation">><<set $currentPrisonerIndex = _i>><</link>> <br><br> <<link "🏛️ Recruit" "PrisonerRecruitment">><<set $currentPrisonerIndex = _i>><</link>> </div> <</if>> </div> </div> <</for>> </div> <<else>> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; text-align: center; margin-bottom: 20px;"> <h3 style="color: #87CEEB; margin-bottom: 15px;">No Prisoners Yet</h3> <p style="color: #E0E0E0;">You haven't captured any enemies yet. Go to battle to start building your prisoner collection!</p> </div> <</if>> <div style="text-align: center;"> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> <<link "🔧 Upgrades" "DungeonUpgrades">><<set $temp = "">><</link>> </div> </div> <<statSummary>>

<<script>> if (!State.variables.dungeonPrisoners) { State.variables.dungeonPrisoners = []; } if (!State.variables.currentDungeonBattle) { State.variables.currentDungeonBattle = { enemy: { name: "Corrupted Guard", maxLust: 120, attack: 25, defense: 15 } }; } // Find the current prisoner and recruit them if (State.variables.currentPrisonerIndex !== undefined && State.variables.dungeonPrisoners[State.variables.currentPrisonerIndex]) { State.variables.dungeonPrisoners[State.variables.currentPrisonerIndex].recruited = true; State.variables.dungeonPrisoners[State.variables.currentPrisonerIndex].recruitmentDate = new Date().toISOString(); } // Add dungeon defense bonus if (!State.variables.dungeonStats) { State.variables.dungeonStats = { health: 100, defense: 20, attack: 15, trapLevel: 1 }; } State.variables.dungeonStats.defense += 5; <</script>> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.85), rgba(35, 35, 40, 0.9)); border: 2px solid rgba(100, 100, 100, 0.4); padding: 20px; margin: 20px 0; border-radius: 10px;"> <h2 style="color: #FFD700; text-align: center; margin-bottom: 20px;">🏛️ Prisoner Recruited</h2> <div style="background: rgba(40, 40, 45, 0.9); padding: 20px; border-radius: 8px; margin-bottom: 20px;"> <h3 style="color: #FFD700; margin-bottom: 15px;">🎯 <<print State.variables.currentDungeonBattle.enemy.name>> Recruited</h3> <p style="color: #E0E0E0; margin-bottom: 15px;">The prisoner has been successfully recruited to your dungeon! They will now contribute to your defense and can be assigned to various tasks.</p> <div style="background: rgba(76, 175, 80, 0.2); padding: 15px; border-radius: 6px; border: 1px solid rgba(76, 175, 80, 0.4); margin-bottom: 15px;"> <h4 style="color: #4CAF50; margin-bottom: 8px;">Recruitment Results</h4> <p style="color: #E0E0E0;"><strong>Prisoner Status:</strong> ✅ Successfully recruited</p> <p style="color: #E0E0E0;"><strong>Dungeon Defense:</strong> +5 (<<print State.variables.dungeonStats.defense>> total)</p> <p style="color: #4CAF50;"><strong>Effects:</strong> +Dungeon Defense, +Available Labor</p> </div> </div> <div style="background: rgba(60, 60, 65, 0.8); padding: 15px; border-radius: 6px; border: 1px solid rgba(100, 100, 100, 0.3); margin-bottom: 20px;"> <h3 style="color: #87CEEB; margin-bottom: 10px;">Dungeon Status</h3> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;"> <div> <h4 style="color: #4CAF50; margin-bottom: 8px;">Defense</h4> <p style="color: #E0E0E0;"><strong>Current:</strong> <<print State.variables.dungeonStats.defense>></p> <p style="color: #E0E0E0;"><strong>Bonus:</strong> +5 from recruitment</p> </div> <div> <h4 style="color: #FF9800; margin-bottom: 8px;">Prisoners</h4> <p style="color: #E0E0E0;"><strong>Total:</strong> <<print State.variables.dungeonPrisoners.length>></p> <p style="color: #E0E0E0;"><strong>Recruited:</strong> <<print State.variables.dungeonPrisoners.filter(p => p.recruited).length>></p> </div> </div> </div> <div style="text-align: center;"> <<link "🏰 Return to Dungeon" "DungeonCore">><<set $temp = "">><</link>> <<link "🏛️ Manage Prisoners" "PrisonerManagement">><<set $temp = "">><</link>> <<link "🔧 Upgrades" "DungeonUpgrades">><<set $temp = "">><</link>> </div> </div> <<statSummary>>

<<script>>window.AudioSystem.playBGM('start1.mp3');<</script>><div class="author-note-container"><h2>📝 A Message From The Developer</h2><div class="author-intro"> <p>Hello, and thank you for trying <strong>Bonds Defiled</strong>! Before you begin your journey, I'd like to share some important information about what you're about to experience.</p></div> <div class="game-nature"><h3>🌑 What This Game Is About</h3> <p>This is a <strong>corruption and relationship manipulation game</strong> featuring complex romantic dynamics. While traditional NTR isn't the majority of content, the game explores various forms of seduction, cheating, and relationship conflicts that some players might classify as NTR-adjacent.</p><div class="content-breakdown"> <h4>📋 Relationship Dynamics Include:</h4><ul class="relationship-types"> <li><strong>Netori:</strong> You can romance your guardian Mariel, despite her existing marriage</li> <li><strong>Traditional NTR:</strong> Your girlfriend Liora can be seduced by others (Seryk, Thalor, or female characters)</li> <li><strong>Reverse NTR:</strong> You can be seduced by dominant characters like Serin, Nimeria, or male cast members</li> <li><strong>Lesbian Content:</strong> Female characters can develop relationships with each other</li></ul></div> <div class="warning-box"><strong>⚠️ Important:</strong> Each relationship path can be avoided through player choices and content filters. However, if you consider <em>all</em> of the above scenarios problematic, this game may not be for you. If only <em>some</em> concern you, the filtering system will likely accommodate your preferences.</div></div> <div class="chapter-breakdown"><h3>📚 Story Progression</h3> <div class="chapter-info"><h4>Chapter 0: Foundations</h4> <p>Character introductions and relationship building. Light teasing and slow fetish development as you get to know the cast. This chapter focuses on establishing bonds that will later be... defiled.</p></div><div class="chapter-info"> <h4>Chapter 1: The Awakening</h4> <p>Two new characters enter the story, and corruption begins in earnest. The <strong>Soul System</strong> is introduced—the catalyst that drives all future corruption. This is where the true nature of the game reveals itself.</p></div><div class="design-note"> <p><em>I chose this pacing deliberately. Rushing into corruption without establishing meaningful relationships would cheapen the impact. The bonds must exist before they can be properly defiled.</em></p></div></div> <div class="systems-explanation"><h3>⚙️ The Depth Behind The Scenes</h3> <p>This game tracks <strong>hundreds of variables</strong> across every character interaction:</p> <ul class="feature-list"> <li><strong>Fetish Development:</strong> Every glance, every reaction, every preference is recorded</li> <li><strong>Relationship Dynamics:</strong> All characters have complex relationships with each other, not just the protagonist</li> <li><strong>Adaptive Dialogue:</strong> Conversations change based on corruption, lust, fetishes, and relationship status</li> <li><strong>Resistance Mechanics:</strong> Even choosing to resist doesn't guarantee success—your stats determine what's possible</li> <li><strong>Character Awareness:</strong> NPCs notice and remember your preferences, adapting their behavior accordingly</li></ul> <div class="example-box"><p><strong>Example:</strong> If Serin notices you staring at her feet, she might tease you with them more often. If your resistance stats are low, saying "no" might not be an option.</p></div></div><div class="journey-ahead"> <h3>🎭 The Experience Awaits</h3> <p>Every choice matters. Every stat influences the story. Every relationship will be tested. The deeper you go, the more the game adapts to show you exactly how far you've fallen... or risen.</p> <p class="final-note">I won't spoil more than this. The journey of corruption is best experienced firsthand.</p> <p><strong>Welcome to your descent.</strong></p></div><div class="continue-section"> [[Begin Your Journey|CharacterSetup]] [[📖 Read the Game Guide First|Guide]] </div></div> <style> .author-note-container { max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; } .author-intro { background: linear-gradient(135deg, rgba(139, 69, 19, 0.2), rgba(139, 69, 19, 0.1)); padding: 20px; border-radius: 10px; border-left: 4px solid #8B4513; margin-bottom: 25px; } .game-nature { margin: 25px 0; } .content-breakdown { background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 10px; margin: 20px 0; border: 1px solid rgba(100, 100, 100, 0.3); } .content-breakdown h4 { color: #A78BFA; margin-bottom: 15px; border-bottom: 1px solid rgba(167, 139, 250, 0.3); padding-bottom: 5px; } .relationship-types { background: rgba(0, 0, 0, 0.2); padding: 15px; border-radius: 8px; margin: 10px 0; } .relationship-types li { margin: 8px 0; padding-left: 10px; color: #E2E8F0; } .relationship-types strong { color: #F472B6; } .warning-box { background: linear-gradient(135deg, rgba(220, 20, 60, 0.2), rgba(220, 20, 60, 0.1)); border: 1px solid rgba(220, 20, 60, 0.3); padding: 15px; border-radius: 8px; margin: 15px 0; color: #FFB6C1; } .chapter-breakdown { background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 10px; margin: 25px 0; } .chapter-info { background: rgba(0, 0, 0, 0.2); padding: 15px; margin: 15px 0; border-radius: 8px; border-left: 3px solid #6B46C1; } .chapter-info h4 { color: #A78BFA; margin-bottom: 10px; } .design-note { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05)); padding: 15px; border-radius: 8px; margin-top: 20px; font-style: italic; border: 1px solid rgba(59, 130, 246, 0.2); } .systems-explanation { background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 10px; margin: 25px 0; } .feature-list { background: rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 8px; margin: 15px 0; } .feature-list li { margin: 10px 0; padding-left: 10px; } .example-box { background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(34, 197, 94, 0.1)); border: 1px solid rgba(34, 197, 94, 0.3); padding: 15px; border-radius: 8px; margin: 15px 0; color: #BBF7D0; } .journey-ahead { background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(168, 85, 247, 0.1)); padding: 20px; border-radius: 10px; margin: 25px 0; border: 1px solid rgba(168, 85, 247, 0.3); } .final-note { font-style: italic; color: #D8B4FE; } .continue-section { text-align: center; margin-top: 30px; padding: 20px; } .continue-section a { display: inline-block; margin: 10px; padding: 12px 24px; background: linear-gradient(135deg, #6B46C1, #8B5CF6); color: white; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; border: 1px solid rgba(139, 92, 246, 0.3); } .continue-section a:hover { background: linear-gradient(135deg, #8B5CF6, #A78BFA); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3); } h2 { color: #FFD700; text-align: center; margin-bottom: 25px; text-shadow: 0 0 10px rgba(255, 215, 0, 0.3); } h3 { color: #A78BFA; margin: 20px 0 15px 0; border-bottom: 2px solid rgba(167, 139, 250, 0.3); padding-bottom: 5px; } </style>

<<script>>window.AudioSystem.playBGM('start1.mp3');<</script>> <<nobr>> <h2>Character Configuration</h2> Before we begin, let's understand the story's perspectives: <div class="story-choice-box"> <div class="preference-choice"><<radiobutton "$allowGayContent" true checked>> <label>Yes - Include all content<div class="choice-desc">Characters can naturally develop same-sex attraction based on experiences and corruption.</div></label> <<radiobutton "$allowGayContent" false>> <label>No - Limited content<div class="choice-desc">Characters will strongly resist same-sex situations unless heavily corrupted or feminized. They will show disgust at unwanted advances.</div></label></div></div><h3>Character Names</h3>Set your character's name: 1. The Human Youth <div class="char-desc">A slender young man with blonde hair and a lean build. Born to legendary heroes, he struggles to live up to their legacy.</div> <<textbox "$humanName" $humanName>> <</nobr>> <<link "Continue to Relationship Setup">> <<set $marielToHuman = "landlady">> <<set $humanToMariel = "mariel">> <<set $humanIsMariel = "roommate">> <<set $thalorToHuman = "mentor">> <<set $humanToThalor = "sir">> <<set $thalorCallsHuman = "scarce">> <<set $bothToHuman = "guardians">> <<set $householdType = "housemates">> <<set $serinLioraRelation = "friend">> <<goto "RelationshipSetup">> <</link>> <style> .content-preferences { background: rgba(0, 0, 0, 0.1); padding: 20px; margin: 20px 0; border-radius: 10px; } .preference-choice { margin-left: 20px; } .choice-desc { font-size: 0.9em; color: #888; margin-left: 25px; margin-top: 5px; } .preference-choice label { display: block; margin: 10px 0; cursor: pointer; } </style>

<h3>Text Settings</h3><div class="font-size-control"> <label>Font Size:</label> <button id="decrease-font">A-</button> <span id="current-font-size">18px</span> <button id="increase-font">A+</button> </div> <div class="passage-width-control"> <label>Main-box Width:</label> <input type="range" id="passage-width" min="50" max="100" step="5" value="95"> <span id="current-width">95%</span> </div> <div class="color-picker-group"> <h4>Dialog Colors</h4> <div class="color-picker-label"> <label id="player-color-label"><<print $humanName>>:</label> <input type="color" id="player-color" class="color-picker" value="#4caf50"> </div> <div class="color-picker-label"> <label>Mariel:</label> <input type="color" id="mariel-color" class="color-picker" value="#ffeb3b"> </div> <div class="color-picker-label"> <label>Thalor:</label> <input type="color" id="thalor-color" class="color-picker" value="#8b4513"> </div> <div class="color-picker-label"> <label>Liora:</label> <input type="color" id="liora-color" class="color-picker" value="#ffa500"> </div> <div class="color-picker-label"> <label>Serin:</label> <input type="color" id="serin-color" class="color-picker" value="#ff0000"> </div> <div class="color-picker-label"> <label>Seryk:</label> <input type="color" id="demon-color" class="color-picker" value="#0000ff"> </div> <div class="color-picker-label"> <label>Nimeria:</label> <input type="color" id="Nimeria-color" class="color-picker" value="#800080"> </div> <div class="color-picker-label"> <label>Female NPCs:</label> <input type="color" id="female-npc-color" class="color-picker" value="#ff69b4"> </div> <div class="color-picker-label"> <label>Male NPCs:</label> <input type="color" id="male-npc-color" class="color-picker" value="#a0522d"> </div> </div> <hr> <h3>Audio Settings</h3><div class="audio-controls"> <div class="audio-control"> <div class="control-header"> <label>Background Music:</label> <button id="toggle-bgm" class="audio-toggle">🔊</button> </div> <div class="volume-control"> <input type="range" id="bgm-volume" class="volume-slider" min="0" max="100" value="30"> <span class="volume-value">30%</span> </div> </div><div class="audio-control"> <div class="control-header"> <label>Sound Effects:</label> <button id="toggle-sfx" class="audio-toggle">🔊</button> </div> <div class="volume-control"> <input type="range" id="sfx-volume" class="volume-slider" min="0" max="100" value="50"> <span class="volume-value">50%</span> </div> </div><div class="audio-control"> <div class="control-header"> <label>Voice:</label> <button id="toggle-voice" class="audio-toggle">🔊</button> </div> <div class="volume-control"> <input type="range" id="voice-volume" class="volume-slider" min="0" max="100" value="70"> <span class="volume-value">70%</span> </div> </div> </div> <hr> <div class="button-group" style="display: flex; gap: 1rem; justify-content: flex-end; margin-top: 2rem;"> <<button "🔄 Reset to Default">> /* Character defaults */ <<set $humanName = "Rylan">> <<set State.variables.humanName = "Rylan">> /* Household relationship defaults */ <<set $marielToHuman = "landlady">> <<set $humanToMariel = "mariel">> <<set $humanIsMariel = "roommate">> <<set $thalorToHuman = "mentor">> <<set $humanToThalor = "sir">> <<set $thalorCallsHuman = "scarce">> <<set $bothToHuman = "guardians">> <<set $householdType = "housemates">> <<set $serinLioraRelation = "friend">> /* Update relationship tracking system */ <<set $relationships = { "Mariel": { "role": $marielToHuman, "title": $humanToMariel, "humanIs": $humanIsMariel }, "Thalor": { "role": $thalorToHuman, "title": $humanToThalor, "callsHuman": $thalorCallsHuman }, "Household": { "parentsAre": $bothToHuman, "type": $householdType }, "SerinLiora": { "relation": $serinLioraRelation } }>> /* Text defaults */ <<script>> // Font size reset document.documentElement.style.setProperty('--base-font-size', '18px'); $('#current-font-size').text('18px'); // Width reset $('#passages').css('width', '95%'); $('#passage-width').val(95); $('#current-width').text('95%'); State.variables.passageWidth = 95; // Color defaults const defaultColors = { 'player-color': '#4caf50', 'mariel-color': '#ffeb3b', 'thalor-color': '#8b4513', 'liora-color': '#ffa500', 'serin-color': '#ff0000', 'demon-color': '#0000ff', 'Nimeria-color': '#800080', 'female-npc-color': '#ff69b4', 'male-npc-color': '#a0522d' }; // Reset color inputs and state variables Object.entries(defaultColors).forEach(([id, color]) => { // Update input value $(`#${id}`).val(color); // Update state variable (convert id to state variable name) const stateVarName = id.replace('-color', 'Color') .replace('player', 'rylan') .replace('demon', 'seryk'); State.variables[stateVarName] = color; // Update CSS variable const cssVarName = '--dialog-color-' + id.replace('-color', ''); document.documentElement.style.setProperty(cssVarName, color); }); // Reset character name labels and inputs $('#player-color-label').html(State.variables.humanName + ':'); $('#human-name').val(State.variables.humanName); /* Audio defaults */ window.AudioSystem.setVolume('bgm', 0.3); window.AudioSystem.bgm.muted = false; window.AudioSystem.setVolume('sfx', 0.5); window.AudioSystem.sfx.muted = false; window.AudioSystem.setVolume('voice', 0.7); window.AudioSystem.voice.muted = false; $('#bgm-volume').val(30); $('#sfx-volume').val(50); $('#voice-volume').val(70); $('.volume-slider').each(function() { $(this).siblings('.volume-value').text($(this).val() + '%'); }); $('#toggle-bgm, #toggle-sfx, #toggle-voice').text('🔊'); // Save settings (excluding character names) const defaultSettings = { text: { fontSize: 18, passageWidth: 95 }, colors: { rylanColor: defaultColors['player-color'], marielColor: defaultColors['mariel-color'], thalorColor: defaultColors['thalor-color'], lioraColor: defaultColors['liora-color'], serinColor: defaultColors['serin-color'], serykColor: defaultColors['demon-color'], NimeriaColor: defaultColors['Nimeria-color'], femaleNpcColor: defaultColors['female-npc-color'], maleNpcColor: defaultColors['male-npc-color'] } }; localStorage.setItem('gameSettings', JSON.stringify(defaultSettings)); const defaultAudioSettings = { bgm: { volume: 0.3, muted: false }, sfx: { volume: 0.5, muted: false }, voice: { volume: 0.7, muted: false } }; localStorage.setItem('audioSettings', JSON.stringify(defaultAudioSettings)); <</script>> <<replace "#config-box">><<include "ConfigMenu">><</replace>> <</button>> </div> <style> .character-names { margin: 1rem 0; padding: 1rem; background: rgba(0, 0, 0, 0.2); border-radius: 8px; } .name-input { margin: 0.5rem 0; display: flex; align-items: center; gap: 1rem; } .name-input label { min-width: 120px; } .name-input input[type="text"] { flex: 1; padding: 0.5rem; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; color: white; } .name-input input[type="text"]:focus { outline: none; border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.15); } </style>

<<script>>window.AudioSystem.playBGM('miraslastsong.mp3');<</script>> <div id="custom-credits-container" style="position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(180deg,rgb(32, 18, 37) 0%,rgb(17, 14, 50) 50%,rgb(38, 3, 3) 100%); z-index: 9999; overflow: hidden; display: flex; align-items: center; justify-content: center;"> <style> @keyframes customScrollUp { 0% { transform: translateY(600vh); } 100% { transform: translateY(300vh); } } </style> <div id="custom-scrolling-credits" style="width: 80%; max-width: 600px; text-align: center; color: #ffffff; font-family: serif; position: absolute; animation: customScrollUp 200s linear forwards;"> <div style="margin-bottom: 110px;"> <h1 style="color: #ffd700; font-size: 3em; text-shadow: 2px 2px 8px rgba(255,215,0,0.5); margin-bottom: 40px; font-weight: bold;">✨ Special Thanks ✨</h1> <p style="font-size: 1.3em; color: #e6e6fa; line-height: 1.8; margin-bottom: 60px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);">The following patrons make<br/> <strong style="color: #ffd700;">Bonds Defiled</strong><br/> possible through their generous support</p> </div> <div style="margin-bottom: 110px;"> <h2 style="color: #da70d6; font-size: 2em; text-shadow: 2px 2px 6px rgba(218,112,214,0.6); margin-bottom: 30px; font-weight: bold;">🌑 Corruptors 🌑</h2> <ul style="list-style: none; padding: 0; margin: 0; font-size: 1.15em; color: #ffffff; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <li style="margin: 6px 0;">Alexandar04</li> <li style="margin: 6px 0;">DarkWire</li> <li style="margin: 6px 0;">Grimisaac</li> <li style="margin: 6px 0;">H.E. P.</li> <li style="margin: 6px 0;">Lastnavajo</li> <li style="margin: 6px 0;">NoMeme</li> </ul> </div> <div style="margin-bottom: 80px;"> <h2 style="color: #ba55d3; font-size: 1.9em; text-shadow: 2px 2px 6px rgba(186,85,211,0.6); margin-bottom: 30px; font-weight: bold;">🎭 Manipulators 🎭</h2> <ul style="list-style: none; padding: 0; margin: 0; font-size: 1.15em; color: #ffffff; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <li style="margin: 6px 0;">Byron</li> <li style="margin: 6px 0;">just.in.case</li> <li style="margin: 6px 0;">RkrSteve</li> <li style="margin: 6px 0;">Scott P.</li> </ul> </div> <div style="margin-bottom: 80px;"> <h2 style="color: #60a5fa; font-size: 1.6em; text-shadow: 2px 2px 6px rgba(96,165,250,0.6); margin-bottom: 30px; font-weight: bold;">⭐ Initiates ⭐</h2> <ul style="list-style: none; padding: 0; margin: 0; font-size: 1.15em; color: #ffffff; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <li style="margin: 6px 0;">143Framtri</li> <li style="margin: 6px 0;">246Rennie</li> <li style="margin: 6px 0;">Aidanas T.</li> <li style="margin: 6px 0;">Mtinir</li> <li style="margin: 6px 0;">User#745d4e08User#745d4e08</li> <li style="margin: 6px 0;">User#ab611364User#ab611364</li> <li style="margin: 6px 0;">BoogzterBoogzter</li> <li style="margin: 6px 0;">desra</li> <li style="margin: 6px 0;">User#b23a0c50User#b23a0c50</li> <li style="margin: 6px 0;">User#c755863aUser#c755863a</li> <li style="margin: 6px 0;">Alde</li> <li style="margin: 6px 0;">Andy H.</li> <li style="margin: 6px 0;">Anonym F.</li> <li style="margin: 6px 0;">Ansvar</li> <li style="margin: 6px 0;">bake</li> <li style="margin: 6px 0;">Ben K.</li> <li style="margin: 6px 0;">Bobo C.</li> <li style="margin: 6px 0;">Brandon</li> <li style="margin: 6px 0;">braubatman</li> <li style="margin: 6px 0;">cal129</li> <li style="margin: 6px 0;">Charles S.</li> <li style="margin: 6px 0;">Cherri C.</li> <li style="margin: 6px 0;">Chris</li> <li style="margin: 6px 0;">Clifford D.</li> <li style="margin: 6px 0;">Darklight</li> <li style="margin: 6px 0;">DemonFish</li> <li style="margin: 6px 0;">deron</li> <li style="margin: 6px 0;">Devtan</li> <li style="margin: 6px 0;">Dr. P.</li> <li style="margin: 6px 0;">DragonLord21</li> <li style="margin: 6px 0;">Drulle</li> <li style="margin: 6px 0;">EkremDurna</li> <li style="margin: 6px 0;">Fatih G.</li> <li style="margin: 6px 0;">Framed</li> <li style="margin: 6px 0;">Frosty1979</li> <li style="margin: 6px 0;">gabrielle</li> <li style="margin: 6px 0;">Gage</li> <li style="margin: 6px 0;">GoliathK</li> <li style="margin: 6px 0;">Greyback</li> <li style="margin: 6px 0;">Hans M.</li> <li style="margin: 6px 0;">Hirosin</li> <li style="margin: 6px 0;">Izumi105</li> <li style="margin: 6px 0;">j</li> <li style="margin: 6px 0;">JackyBoi</li> <li style="margin: 6px 0;">Jak</li> <li style="margin: 6px 0;">Je</li> <li style="margin: 6px 0;">Jean C.</li> <li style="margin: 6px 0;">Jeremy</li> <li style="margin: 6px 0;">joe Z.</li> <li style="margin: 6px 0;">John.E</li> <li style="margin: 6px 0;">Jonathan M.</li> <li style="margin: 6px 0;">juanca</li> <li style="margin: 6px 0;">Jutakiat J.</li> <li style="margin: 6px 0;">K11</li> <li style="margin: 6px 0;">K3ntsmok3</li> <li style="margin: 6px 0;">Kane</li> <li style="margin: 6px 0;">Kane C.</li> <li style="margin: 6px 0;">Kawika H.</li> <li style="margin: 6px 0;">Kazama K.</li> <li style="margin: 6px 0;">KldnHtk</li> <li style="margin: 6px 0;">Le M.</li> <li style="margin: 6px 0;">Loki388</li> <li style="margin: 6px 0;">Majortom589</li> <li style="margin: 6px 0;">Mal</li> <li style="margin: 6px 0;">Mark S.</li> <li style="margin: 6px 0;">Markus M.</li> <li style="margin: 6px 0;">mike K.</li> <li style="margin: 6px 0;">Mitios</li> <li style="margin: 6px 0;">mrg70</li> <li style="margin: 6px 0;">N1rox98</li> <li style="margin: 6px 0;">nbh</li> <li style="margin: 6px 0;">Obrecht13</li> <li style="margin: 6px 0;">Patty</li> <li style="margin: 6px 0;">Pepega</li> <li style="margin: 6px 0;">Perfy F.</li> <li style="margin: 6px 0;">piccolo701</li> <li style="margin: 6px 0;">Pter1717</li> <li style="margin: 6px 0;">Raven8I</li> <li style="margin: 6px 0;">SA</li> <li style="margin: 6px 0;">Salanth</li> <li style="margin: 6px 0;">Sam</li> <li style="margin: 6px 0;">San</li> <li style="margin: 6px 0;">Sebastien</li> <li style="margin: 6px 0;">Sharpe</li> <li style="margin: 6px 0;">shpee W.</li> <li style="margin: 6px 0;">Smoolio</li> <li style="margin: 6px 0;">Spiffy B.</li> <li style="margin: 6px 0;">Steven C.</li> <li style="margin: 6px 0;">Templar</li> <li style="margin: 6px 0;">TheMagister</li> <li style="margin: 6px 0;">Tjk00016</li> <li style="margin: 6px 0;">Tonuxol</li> <li style="margin: 6px 0;">Trashbagballer</li> <li style="margin: 6px 0;">Tricaster</li> <li style="margin: 6px 0;">Tux</li> <li style="margin: 6px 0;">Tyrion J.</li> <li style="margin: 6px 0;">very N.</li> <li style="margin: 6px 0;">whyandhi</li> <li style="margin: 6px 0;">widegoo</li> <li style="margin: 6px 0;">william</li> <li style="margin: 6px 0;">WolfSinFabossa</li> <li style="margin: 6px 0;">Xenzor</li> <li style="margin: 6px 0;">Zerocool420</li> <li style="margin: 6px 0;">zodac</li> <li style="margin: 6px 0;">Сергей А.</li> <li style="margin: 6px 0;">장봉원</li> </ul> </div> <div style="margin-bottom: 80px;"> <h2 style="color: #9ca3af; font-size: 1.4em; text-shadow: 2px 2px 6px rgba(156,163,175,0.6); margin-bottom: 30px; font-weight: bold;">👁️ Watchers 👁️</h2> <ul style="list-style: none; padding: 0; margin: 0; font-size: 1.15em; color: #ffffff; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <li style="margin: 6px 0;">Jigokuni O.</li> <li style="margin: 6px 0;">Michał S.</li> <li style="margin: 6px 0;">Three C.</li> <li style="margin: 6px 0;">不是yhm 我.</li> </ul> </div> <div style="margin-bottom: 100px;"> <h2 style="color: #ffd700; font-size: 2em; text-shadow: 2px 2px 6px rgba(255,215,0,0.6); margin-bottom: 40px; font-weight: bold;">💝 Thank You 💝</h2> <p style="font-size: 1.3em; color: #e6e6fa; line-height: 2; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); margin-bottom: 40px;">Your support enables the complex systems,<br/> detailed character development,<br/> and rich storytelling that define<br/> <strong style="color: #ffd700;">Bonds Defiled</strong></p> <p style="font-size: 1.1em; color: #dda0dd; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);">Every patron contributes to the soul of this project.<br/> From the smallest pledge to the largest donation,<br/> you make this ambitious vision possible.</p> </div> <div style="margin-bottom: 150px;"> <p style="font-size: 1.4em; color: #ffd700; text-shadow: 2px 2px 6px rgba(255,215,0,0.6); font-weight: bold;">The story continues...</p> </div> </div> </div> <div style="position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; background: rgba(0,0,0,0.9); padding: 20px 30px; border-radius: 25px; border: 2px solid #ffd700; text-align: center;"> <h3 style="color: #ffd700; font-size: 1.3em; margin: 0 0 10px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">End of Chapter 5</h3> <p style="color: #ffffff; font-size: 1em; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);">Thank you for playing <strong style="color: #ffd700;">Bonds Defiled</strong></p> </div> <div style="position: fixed; bottom: 20px; right: 30px; z-index: 10001;"> <button onclick="SugarCube.Engine.play('Sandbox')" style="background: rgba(139,0,0,0.8); color: #ffffff; border: 2px solid #ffd700; padding: 12px 20px; border-radius: 25px; cursor: pointer; font-size: 1em; font-weight: bold; transition: all 0.3s ease;">🏠 Go to Sandbox</button> </div> <<script>> // Auto-navigate to Sandbox after credits finish setTimeout(function() { SugarCube.Engine.play('Sandbox'); }, 223000); // 200s credits + 3s buffer <</script>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('theoneswithoutname.mp3');<</script>> <div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 40px; border-radius: 15px; box-shadow: 0 8px 32px rgba(0,0,0,0.3); margin: 20px auto; max-width: 800px; color: #ffffff; text-align: center;"> <h1 style="color: #ffd700; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 20px;"> Chapter Complete </h1> <p style="font-size: 1.2em; color: #e6e6fa; line-height: 1.6; margin-bottom: 30px;"> Thank you for playing this chapter of Bonds Defiled. Your journey continues, but first... </p> <div style="margin: 30px 0;"> <h3 style="color: #ffd700; margin-bottom: 20px;">Choose Credits Style:</h3> <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;"> <button onclick="SugarCube.Engine.play('ExampleCreditsNormal')" style="background: linear-gradient(45deg, #4b0082, #8a2be2); color: white; border: none; padding: 15px 25px; border-radius: 10px; cursor: pointer; font-size: 1em; transition: transform 0.3s;"> 🎬 Normal Speed (30s) </button> <button onclick="SugarCube.Engine.play('ExampleCreditsFast')" style="background: linear-gradient(45deg, #8b0000, #dc143c); color: white; border: none; padding: 15px 25px; border-radius: 10px; cursor: pointer; font-size: 1em; transition: transform 0.3s;"> ⚡ Fast Credits (20s) </button> <button onclick="SugarCube.Engine.play('ExampleCreditsSlow')" style="background: linear-gradient(45deg, #2f4f4f, #708090); color: white; border: none; padding: 15px 25px; border-radius: 10px; cursor: pointer; font-size: 1em; transition: transform 0.3s;"> 🐌 Slow Credits (45s) </button> </div> </div> </div> <div style="text-align: center; margin: 30px 0;"> [[Return to Main Menu|Start]] </div> <style> button:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(255,255,255,0.2); } </style> <<changeFace $currentRylanFace>>

<<scrollingCredits 30>> <div style="text-align: center; margin-top: 50px;"> <h2>Credits finished!</h2> [[Continue to next chapter|ExampleCreditsUsage]] [[Return to Main Menu|Start]] </div>

<<scrollingCredits 20>> <div style="text-align: center; margin-top: 50px;"> <h2>Fast credits finished!</h2> [[Continue to next chapter|ExampleCreditsUsage]] [[Return to Main Menu|Start]] </div>

<<scrollingCredits 45>> <div style="text-align: center; margin-top: 50px;"> <h2>Slow credits finished!</h2> [[Continue to next chapter|ExampleCreditsUsage]] [[Return to Main Menu|Start]] </div>

<h2>Thank you for your honesty</h2> <p>We respect your decision not to proceed. This game contains mature themes that require informed consent.</p> <p>You may close this window or:</p> [[Return to Start|Start]]

<h2>📖 Game Guide</h2><div class="guide-section"><h3>⚙️ Configuration Menu</h3><p>Access the configuration menu through the gear icon to adjust:</p><div class="config-options"><h4>🔊 Audio Settings</h4><ul><li><b>BGM Volume:</b> Background music volume (Default: 30%)</li> <li><b>SFX Volume:</b> Sound effects volume (Default: 50%)</li> <li><b>Voice Volume:</b> Character voice volume (Default: 70%)</li> <li><b>Mute Controls:</b> Individual toggles for BGM/SFX/Voice (🔊/🔈)</li></ul><h4>📱 Display Settings</h4><ul><li><b>Passage Width:</b> Adjust the text area width</li> <li><b>Font Size:</b> Change text size for comfort</li> <h3>📔 Character Diaries</h3><p>As you meet characters throughout the story, you'll unlock their personal diaries. Each diary contains:</p><div class="diary-features"><h4>📊 Character Statistics</h4><ul><li><b>Basic Stats:</b> Corruption, Lust, and physical attributes</li> <li><b>Body Information:</b> Details about various body parts and their current state</li> <li><b>Wardrobe:</b> Current clothing with wet/dry variants based on Lust level (≥50%)</li></ul><h4>💕 Relationship Data</h4><ul><li><b>Affection:</b> How much they care about other characters</li> <li><b>Attraction:</b> Physical/romantic interest in others</li> <li><b>Interaction History:</b> Detailed counts of various interactions</li></ul><h4>🔥 Sexual Experience</h4><ul><li><b>Basic Experience:</b> Kisses, intimate encounters, virginity status</li> <li><b>Service Stats:</b> Various sexual activities performed/received</li> <li><b>Body Contact:</b> Touching statistics for different body parts</li> <li><b>Fluid Stats:</b> Detailed tracking of various bodily fluid amounts</li></ul><h4>⭁EFetishes</h4><ul> <li><b>Preferences:</b> Current fetish levels and interests</li> <li><b>Addiction Levels:</b> Various addiction stats</li> <li><b>Special Values:</b> Character-specific preferences</li></ul></div><div class="guide-section"><h3>🎮 Game Progress</h3><p>The diary system also helps track your progress:</p><ul><li>Characters become available in the diary once you've met them</li> <li>Stats and relationships evolve based on your choices</li> <li>All numerical values are persistently tracked</li> <li>Visual indicators show when stats change</li></ul></div><div class="guide-section"><h3>🎲 Game Mechanics</h3><p>The game features dynamic systems that make each playthrough unique:</p><h4>📊 Core Stats</h4><ul><li><b>Lust (0-100):</b> Increases from arousing situations, decreases through:<ul> <li>Sleep (-35 points)</li> <li>Natural decay (2 points/hour)</li> <li>Orgasm (resets to 0)</li> </ul> </li> <li><b>CumNeed (0-100):</b> Urgency to receive/release cum</li> <li><b>CumAddiction:</b> Affects how quickly CumNeed rises</li> </ul> <h4>💗 Relationship System</h4><ul><li><b>Affection:</b> Emotional bonds that can increase or decrease <ul> <li>Small changes (±1-2) from daily interactions</li> <li>Large changes (±3-5) from major events</li> </ul> </li> <li><b>Attraction:</b> Physical/romantic interest that evolves over time</li> </ul><h4>⭁EFetish Development</h4> <p>All characters start with 0 in each fetish, which can increase through experiences:</p><ul><li><b>Available Fetishes:</b> <ul> <li>Feet Fetish</li> <li>Smell Fetish</li> <li>Armpit Fetish</li> <li>Saliva Fetish</li> <li>Cum Addiction</li> </ul> </li> <li><b>Orientation Values:</b> <ul> <li>Gay Value</li> <li>Lesbian Value</li></ul></li></ul><h4>🎲 Dice Roll System</h4> <p>Key moments use multiple dice rolls to determine outcomes:</p><ul><li><b>Fetish Resistance:</b><ul> <li>Success = Maintain composure</li> <li>Failure = Cannot resist urges</li> </ul> </li> <li><b>Lust Check:</b> Determines arousal intensity</li> <li><b>CumNeed Check:</b> Tests resistance to release</li> <li><b>Smell/Taste Rolls:</b> For specific fetish actions</li></ul><h4>🔄 Character Evolution</h4><ul><li><b>Corruption System:</b> <ul> <li>Gradual progression</li> <li>Higher thresholds for extreme content</li> <li>Example: Foot massage (low threshold) vs. extreme acts (high threshold)</li> </ul> </li> <li><b>Experience Tracking:</b> <ul> <li>Virginity status (multiple types)</li> <li>Sexual encounters</li> <li>Body interactions</li> <li>Fluid exposure</li></ul></li></ul><h4>⏰ Time System</h4><ul><li><b>Day Phases:</b><ul> <li>Morning</li> <li>Afternoon</li> <li>Evening</li> <li>Night</li></ul></li><li><b>Effects:</b><ul> <li>Natural stat decay over time</li> <li>Time-specific events and moods</li></ul></li></ul></div> <div class="guide-section"> <h3>⚔️ Resonance Combat System</h3> <p>A unique combat system that combines traditional RPG mechanics with relationship dynamics and emotional bonds:</p><h4>💪 Core Combat Stats</h4><ul><li><b>Base Stats:</b><ul> <li>Physical Power: Raw attack strength</li> <li>Agility: Speed and dodge chance</li> <li>Willpower: Mental resistance and magic power</li> <li>Technique: Skill effectiveness</li> <li>Stamina: Energy for actions</li> <li>Focus: Accuracy and critical hits</li> </ul> </li> <li><b>Derived Stats:</b> <ul> <li>Health: Survival capacity</li> <li>Stamina Points: Action resource</li> <li>Focus Points: Special ability resource</li> </ul></li></ul><h4>🤁EResonance System</h4><ul> <li><b>Building Resonance:</b> <ul> <li>Fighting together increases bond</li> <li>Story interactions affect strength</li> <li>Shared experiences boost power</li> </ul> </li> <li><b>Resonance Effects:</b><ul> <li>Enhanced combo attacks</li> <li>Shared defensive bonuses</li> <li>Special dual techniques</li> <li>Emergency protection triggers</li> </ul></li></ul><h4>⚡ Combat Actions</h4><ul> <li><b>Basic Actions:</b> <ul> <li>Attack: Physical damage</li> <li>Defend: Reduce damage</li> <li>Focus: Build focus points</li> <li>Item: Use inventory items</li> </ul> </li> <li><b>Special Actions:</b> <ul> <li>Character-specific skills</li> <li>Resonance techniques</li> <li>Combo attacks</li> <li>Ultimate abilities</li> </ul> </li> </ul> <h4>📈 Experience and Growth</h4> <ul> <li><b>Leveling:</b> <ul> <li>Gain XP from battles</li> <li>Story progress rewards</li> <li>Training opportunities</li> </ul> </li> <li><b>Skill Development:</b><ul> <li>New abilities at key levels</li> <li>Technique mastery system</li> <li>Resonance skill unlocks</li> </ul></li></ul><h4>💭 Combat Tips</h4><ul> <li>Build resonance between compatible characters</li> <li>Use terrain and positioning</li> <li>Manage resources carefully</li> <li>Combine different character strengths</li> <li>Watch for special combat events</li></ul></div><div class="guide-section" id="soul-system-guide"><h3>🌟 Soul System</h3> <p>The Soul System represents the spiritual essence of each character, influenced by their choices, experiences, and the power of soulstones:</p> <h4>💎 Soulstone Mechanics</h4><ul><li><b>Basic Properties:</b><ul> <li>Appear as worthless marbles to humans</li> <li>Can be charged with mana</li> <li>When consumed, strengthen soul and body</li> <li>Hidden effect: Increases corruption/fetish susceptibility</li></ul> </li> <li><b>Usage:</b> <ul> <li>Regular Soulstones: Basic power boost</li> <li>Charged Soulstones: Enhanced effects</li> <li>Can be found or purchased cheaply (due to perceived worthlessness)</li></ul></li></ul><h4>💫 Core Memory System</h4> <ul> <li><b>Story Memories:</b> <ul> <li>Major plot developments</li> <li>Important relationship moments</li> <li>Character-defining choices</li> </ul> </li> <li><b>Experience Memories:</b> <ul> <li>First intimate experiences</li> <li>Sexual discoveries</li> <li>Fetish awakenings</li> </ul> </li> <li><b>Memory Effects:</b> <ul> <li>Grant Corruption or Blessing points</li> <li>Unlock talent choices</li> <li>Influence character development</li> </ul></li></ul><h4>🌈 Soul Paths</h4> <ul> <li><b>Corruption Path:</b> <ul> <li>Gained through darker choices</li> <li>Enhances pleasure sensitivity</li> <li>Enables body transformations</li> <li>Increases fetish development speed</li> </ul> </li> <li><b>Blessing Path:</b> <ul> <li>Earned through pure choices</li> <li>Strengthens willpower</li> <li>Grants corruption resistance</li> <li>Enables holy abilities</li> </ul></li></ul><h4>🎭 Character-Specific Effects</h4><ul> <li><b>Demons:</b> <ul> <li>Seryk: Enhanced cum power and production</li> <li>Nimeria: Strengthened pheromones and fluid potency</li> <li>Focus on dominant corruption effects</li> </ul> </li> <li><b>Humans:</b> <ul> <li>Increased sensitivity and pleasure gain</li> <li>Mind control susceptibility</li> <li>Focus on submissive corruption effects</li> </ul></li></ul><h4>💪 Combat Talents</h4> <ul> <li><b>Corruption Talents:</b> <ul> <li>Rylan: Shadow techniques, submissive power</li> <li>Liora: Dark healing, blood magic</li> <li>Serin: Poison mastery, seduction</li> </ul> </li> <li><b>Blessing Talents:</b> <ul> <li>Rylan: Holy blade, purification</li> <li>Liora: Divine healing, protection</li> <li>Serin: Sacred strikes, inspiration</li> </ul></li></ul><h4>🧬 Transformation System</h4> <ul> <li><b>Trigger Methods:</b> <ul> <li>High corruption/blessing levels</li> <li>Consistent behavior patterns</li> <li>Soulstone consumption</li> <li>Core memory formation</li> </ul> </li> <li><b>Possible Changes:</b> <ul> <li>Body part growth/reduction</li> <li>Gender transformation</li> <li>New physical features</li> <li>Enhanced sensitivity</li> </ul> </li> <li><b>Mental Changes:</b> <ul> <li>Personality shifts</li> <li>New desires/interests</li> <li>Changed preferences</li> <li>Altered inhibitions</li> </ul></li></ul><h4>📊 Stats Tracked</h4> <ul> <li><b>Soul Values:</b> <ul> <li>Corruption Level</li> <li>Blessing Level</li> <li>Unspent Points</li> <li>Soulstone Count</li> </ul> </li> <li><b>Mental Stats:</b> <ul> <li>Mind Control Resistance</li> <li>Mental Corruption</li> <li>Suggestion Receptiveness</li> <li>Mind Break Progress</li> </ul> </li> <li><b>Sensitivity Stats:</b> <ul> <li>General Sensitivity</li> <li>Body Part Specific</li> <li>Pleasure Gain/Give</li> <li>Special Demon Stats</li> </ul> </li> </ul> </div> <style> .guide-section { background: rgba(0, 0, 0, 0.1); padding: 20px; margin: 20px 0; border-radius: 10px; } .guide-section h3 { color: #ff69b4; margin-bottom: 15px; } .guide-section h4 { color: #9370db; margin: 15px 0 10px 0; } .config-options, .diary-features { margin-left: 20px; } ul { list-style-type: none; padding-left: 20px; } li { margin: 8px 0; line-height: 1.4; } b { color: #ff69b4; } </style> <div class="diary-return"> <<link "↩ Return">> <<run Engine.backward()>> <</link>> </div>

<div class="menu-container"> <div class="menu-header"> <h1>Menu</h1> </div> <div class="menu-options"> <div class="menu-option">[[📜 Quest Log|QuestLog]]</div> <div class="menu-option">[[📖 Character Diary|DiaryPassage]]</div> <div class="menu-option">[[⚙️ Settings|SettingsPassage]]</div> <div class="menu-option">[[💾 Save/Load|SaveLoadPassage]]</div> <div class="menu-option">[[🚪 Exit|previous()]]</div> </div> </div> <style> .menu-container { max-width: 600px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; } .menu-header { text-align: center; margin-bottom: 30px; } .menu-header h1 { color: #ffd700; text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); } .menu-options { display: flex; flex-direction: column; gap: 15px; } .menu-option { text-align: center; } .menu-option a { display: block; padding: 15px; background: rgba(255, 255, 255, 0.1); color: #fff; text-decoration: none; border-radius: 8px; transition: all 0.2s ease; } .menu-option a:hover { background: rgba(255, 255, 255, 0.2); transform: translateX(10px); } </style>

<<script>>window.AudioSystem.playBGM('stormark.mp3');<</script>> <div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); padding: 40px; border-radius: 15px; box-shadow: 0 8px 32px rgba(0,0,0,0.3); margin: 20px auto; max-width: 800px; color: #ffffff; text-align: center;"> <h1 style="color: #ffd700; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-bottom: 20px; font-family: serif;"> ✨ Honored Patrons ✨ </h1> <div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 10px; margin: 20px 0; border: 2px solid rgba(255,215,0,0.3);"> <p style="font-size: 1.2em; color: #e6e6fa; line-height: 1.6; margin-bottom: 15px;"> The following generous souls have supported the development of <strong>Bonds Defiled</strong> through Patreon. Their patronage makes this ambitious project possible and helps maintain the quality you experience. </p> </div>  <div style="background: linear-gradient(45deg, #2f4f4f, #708090); padding: 20px; border-radius: 10px; margin: 20px 0; border: 2px solid #87ceeb;"> <h2 style="color: #87ceeb; font-size: 1.4em; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);"> 🌑 Corruptors 🌑 </h2> <div style="font-size: 1em; color: #ffffff; line-height: 1.5;"> <<displayPatrons "Corruptors">> </div> </div>  <div style="background: linear-gradient(45deg, #800080, #9932cc); padding: 20px; border-radius: 10px; margin: 20px 0; border: 2px solid #ba55d3;"> <h2 style="color: #ba55d3; font-size: 1.5em; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);"> 🎭 Manipulators 🎭 </h2> <div style="font-size: 1.05em; color: #ffffff; line-height: 1.6;"> <<displayPatrons "Manipulators">> </div> </div>  <div style="background: linear-gradient(45deg, #1e3a8a, #3b82f6); padding: 20px; border-radius: 10px; margin: 20px 0; border: 2px solid #60a5fa;"> <h2 style="color: #60a5fa; font-size: 1.2em; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);"> ⭐ Initiates ⭐ </h2> <div style="font-size: 0.95em; color: #ffffff; line-height: 1.4;"> <<displayPatrons "Initiates">> </div> </div>  <div style="background: linear-gradient(45deg, #1f2937, #374151); padding: 20px; border-radius: 10px; margin: 20px 0; border: 2px solid #6b7280;"> <h2 style="color: #9ca3af; font-size: 1.1em; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);"> 👁️ Watchers 👁️ </h2> <div style="font-size: 0.9em; color: #ffffff; line-height: 1.3;"> <<displayPatrons "Watchers">> </div> </div> <div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 10px; margin: 30px 0; border: 1px solid rgba(255,215,0,0.2);"> <h3 style="color: #ffd700; font-size: 1.3em; margin-bottom: 10px;"> 💝 Special Thanks 💝 </h3> <p style="font-size: 1em; color: #e6e6fa; line-height: 1.5;"> Every patron, regardless of tier, contributes to the soul of this project. Your support enables the complex tracking systems, detailed character development, and rich storytelling that define Bonds Defiled. </p> </div> <div style="margin-top: 30px; padding: 20px; background: rgba(0,0,0,0.2); border-radius: 10px;"> <h3 style="color: #ffd700; font-size: 1.2em; margin-bottom: 10px;"> 🌟 Become a Patron 🌟 </h3> <p style="font-size: 0.9em; color: #e6e6fa; line-height: 1.4;"> Interested in supporting development and seeing your name here?<br/> Visit our Patreon to join our community of dedicated supporters! </p> </div> </div> <div style="text-align: center; margin: 30px 0;"> [[Return to Main Menu|Start]] [[Continue Reading Guide|AuthorNote]] </div> <<changeFace $currentRylanFace>>

<div class="questlog-container"> <div class="questlog-header"> <h1>📜 Quest Log</h1> </div> <div class="questlog-section"> <h2>Active Quests</h2> <div class="quest-list"> <<if $quests && $quests.active>> <<for _questId, _quest range $quests.active>> <div class="quest-entry"> <div class="quest-title"><<print _quest.title>></div> <div class="quest-description"><<print _quest.description>></div> <div class="quest-objectives"> <<for _objKey, _required range _quest.objectives>> <div class="objective-item"> <div class="objective-progress"> <<print _quest.progress[_objKey]>>/<<print _required>> </div> <div class="progress-bar"> <div class="progress-fill" style="width: <<print (_quest.progress[_objKey] / _required * 100)>>%"></div> </div> </div> <</for>> </div> <div class="quest-location">📍 Location: <<print _quest.location>></div> </div> <</for>> <<else>> <div class="no-quests">No active quests.</div> <</if>> </div> </div> <div class="questlog-section"> <h2>Completed Quests</h2> <div class="quest-list completed"> <<if $quests && $quests.completed>> <<for _questId, _quest range $quests.completed>> <div class="quest-entry completed"> <div class="quest-title">✅ <<print _quest.title>></div> <div class="quest-description"><<print _quest.description>></div> </div> <</for>> <<else>> <div class="no-quests">No completed quests.</div> <</if>> </div> </div> <div class="questlog-section"> <h2>Failed Quests</h2> <div class="quest-list failed"> <<if $quests && $quests.failed>> <<for _questId, _quest range $quests.failed>> <div class="quest-entry failed"> <div class="quest-title">❌ <<print _quest.title>></div> <div class="quest-description"><<print _quest.description>></div> </div> <</for>> <<else>> <div class="no-quests">No failed quests.</div> <</if>> </div> </div> </div> <div class="back-button"> [[← Return|previous()]] </div> <style> .questlog-container { max-width: 800px; margin: 0 auto; padding: 20px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; } .questlog-header { text-align: center; margin-bottom: 30px; } .questlog-header h1 { color: #ffd700; text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); } .questlog-section { margin-bottom: 30px; } .questlog-section h2 { color: #fff; border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; margin-bottom: 15px; } .quest-list { display: flex; flex-direction: column; gap: 15px; } .quest-entry { background: rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.2s ease; } .quest-entry:hover { transform: translateX(5px); background: rgba(255, 255, 255, 0.15); } .quest-title { font-size: 1.2em; color: #fff; margin-bottom: 8px; } .quest-description { color: #ccc; font-size: 0.9em; margin-bottom: 12px; } .quest-objectives { margin: 10px 0; } .objective-item { display: flex; align-items: center; gap: 10px; margin: 5px 0; } .objective-progress { min-width: 60px; color: #aaa; font-size: 0.9em; } .progress-bar { flex-grow: 1; height: 6px; background: rgba(0, 0, 0, 0.3); border-radius: 3px; overflow: hidden; } .progress-fill { height: 100%; background: linear-gradient(90deg, #4dabf7, #74c0fc); transition: width 0.3s ease; } .quest-location { color: #aaa; font-size: 0.8em; margin-top: 8px; } .quest-entry.completed { background: rgba(76, 175, 80, 0.1); border-color: rgba(76, 175, 80, 0.2); } .quest-entry.completed .quest-title { color: #81c784; } .quest-entry.failed { background: rgba(244, 67, 54, 0.1); border-color: rgba(244, 67, 54, 0.2); } .quest-entry.failed .quest-title { color: #e57373; } .no-quests { color: #666; text-align: center; padding: 20px; font-style: italic; } .back-button { text-align: center; margin-top: 20px; } .back-button a { display: inline-block; padding: 10px 20px; background: rgba(255, 255, 255, 0.1); color: #fff; text-decoration: none; border-radius: 5px; transition: all 0.2s ease; } .back-button a:hover { background: rgba(255, 255, 255, 0.2); transform: translateX(-5px); } </style>

<<script>>window.AudioSystem.playBGM('start1.mp3');<</script>> <<script>> window.syncRelationshipVars = function() { if (typeof State !== 'undefined' && State.variables) { sessionStorage.setItem('relationshipVars', JSON.stringify({ marielToHuman: State.variables.marielToHuman || '', humanToMariel: State.variables.humanToMariel || '', humanIsMariel: State.variables.humanIsMariel || '', thalorToHuman: State.variables.thalorToHuman || '', humanToThalor: State.variables.humanToThalor || '', thalorCallsHuman: State.variables.thalorCallsHuman || '', bothToHuman: State.variables.bothToHuman || '', householdType: State.variables.householdType || '', serinLioraRelation: State.variables.serinLioraRelation || '' })); } }; window.loadRelationshipVars = function() { try { const stored = sessionStorage.getItem('relationshipVars'); if (stored && typeof State !== 'undefined' && State.variables) { const vars = JSON.parse(stored); Object.keys(vars).forEach(key => { if (vars[key]) State.variables[key] = vars[key]; }); } } catch (e) { console.log('No stored relationship vars found'); } }; window.loadRelationshipVars(); <</script>> <style> .relationship-textbox input { width: 110px !important; max-width: 150px !important; } </style> <<nobr>> <div style="background: linear-gradient(135deg, rgba(72, 61, 139, 0.95), rgba(106, 90, 205, 0.95)); min-height: 100vh; padding: 20px; color: white;"> <div style="text-align: center; padding: 30px; background: rgba(45,45,50,0.9); border-radius: 15px; margin-bottom: 30px;"> <h1 style="color: #DDA0DD; font-size: 2.5em; margin: 0;">⚙️ Relationship Configuration</h1> <p style="color: rgba(255,255,255,0.9); font-size: 1.2em; margin: 10px 0 0 0;">Configure character relationships to maintain content guidelines</p></div> <div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,182,193,0.6); border-radius: 15px; padding: 25px; margin-bottom: 25px;"> <h2 style="color: #fff; font-size: 1.6em; margin: 0 0 20px 0;">🏠 Guardian Relationships</h2> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 15px;"> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Mariel is the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$marielToHuman" $marielToHuman>><<script>>$(document).on('input', 'input[name="marielToHuman"]', function() { State.variables.marielToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth calls her:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanToMariel" $humanToMariel>><<script>>$(document).on('input', 'input[name="humanToMariel"]', function() { State.variables.humanToMariel = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth is Mariel's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanIsMariel" $humanIsMariel>><<script>>$(document).on('input', 'input[name="humanIsMariel"]', function() { State.variables.humanIsMariel = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Thalor is the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$thalorToHuman" $thalorToHuman>><<script>>$(document).on('input', 'input[name="thalorToHuman"]', function() { State.variables.thalorToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth calls him:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanToThalor" $humanToThalor>><<script>>$(document).on('input', 'input[name="humanToThalor"]', function() { State.variables.humanToThalor = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Thalor calls the human youth:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$thalorCallsHuman" $thalorCallsHuman>><<script>>$(document).on('input', 'input[name="thalorCallsHuman"]', function() { State.variables.thalorCallsHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px; grid-column: 1 / -1;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Together, Mariel and Thalor are the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$bothToHuman" $bothToHuman>><<script>>$(document).on('input', 'input[name="bothToHuman"]', function() { State.variables.bothToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px; grid-column: 1 / -1;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Their living arrangement is:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$householdType" $householdType>><<script>>$(document).on('input', 'input[name="householdType"]', function() { State.variables.householdType = this.value; window.syncRelationshipVars(); });<</script>></span></div></div></div> <div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(135,206,235,0.6); border-radius: 15px; padding: 25px; margin-bottom: 25px;"> <h2 style="color: #fff; font-size: 1.6em; margin: 0 0 20px 0;">👥 Friends & Associates</h2> <div style="background: rgba(0,0,0,0.1); border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: center;"> <p style="color: rgba(255,255,255,0.9); margin: 0;">The human youth has childhood friends named Liora and Serin who live together.</p></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Serin is Liora's (both female grew up together):</label> <span class="relationship-textbox" style="display: block;"><<textbox "$serinLioraRelation" $serinLioraRelation>><<script>>$(document).on('input', 'input[name="serinLioraRelation"]', function() { State.variables.serinLioraRelation = this.value; window.syncRelationshipVars(); });<</script>></span></div></div> <div style="background: rgba(255,193,7,0.15); border: 2px solid rgba(255,193,7,0.4); border-radius: 12px; padding: 20px; margin: 25px 0; display: flex; align-items: center; gap: 15px;"> <span style="font-size: 1.5em;">💡</span> <div style="color: #fff;"> <strong>Note:</strong> These settings help maintain content guidelines while preserving the story's intended relationships and emotional dynamics.</div></div> <div style="text-align: center; padding: 30px;"> [[Continue to Story|Start2]] </div></div> <</nobr>> <<script>> // Sync variables when leaving this passage $(document).on(':passageend', function() { window.syncRelationshipVars(); }); <</script>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <<script>> window.syncRelationshipVars = function() { if (typeof State !== 'undefined' && State.variables) { sessionStorage.setItem('relationshipVars', JSON.stringify({ marielToHuman: State.variables.marielToHuman || '', humanToMariel: State.variables.humanToMariel || '', humanIsMariel: State.variables.humanIsMariel || '', thalorToHuman: State.variables.thalorToHuman || '', humanToThalor: State.variables.humanToThalor || '', thalorCallsHuman: State.variables.thalorCallsHuman || '', bothToHuman: State.variables.bothToHuman || '', householdType: State.variables.householdType || '', serinLioraRelation: State.variables.serinLioraRelation || '' })); } }; window.loadRelationshipVars = function() { try { const stored = sessionStorage.getItem('relationshipVars'); if (stored && typeof State !== 'undefined' && State.variables) { const vars = JSON.parse(stored); Object.keys(vars).forEach(key => { if (vars[key]) State.variables[key] = vars[key]; }); } } catch (e) { console.log('No stored relationship vars found'); } }; window.loadRelationshipVars(); <</script>> <style> .relationship-textbox input { width: 110px !important; max-width: 150px !important; } </style> <<nobr>> <div style="background: linear-gradient(135deg, rgba(72, 61, 139, 0.95), rgba(106, 90, 205, 0.95)); min-height: 100vh; padding: 20px; color: white;"> <div style="text-align: center; padding: 30px; background: rgba(45,45,50,0.9); border-radius: 15px; margin-bottom: 30px;"> <h1 style="color: #DDA0DD; font-size: 2.5em; margin: 0;">⚙️ Relationship Configuration</h1> <p style="color: rgba(255,255,255,0.9); font-size: 1.2em; margin: 10px 0 0 0;">Configure character relationships to maintain content guidelines</p></div> <div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,182,193,0.6); border-radius: 15px; padding: 25px; margin-bottom: 25px;"> <h2 style="color: #fff; font-size: 1.6em; margin: 0 0 20px 0;">🏠 Guardian Relationships</h2> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 15px;"> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Mariel is the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$marielToHuman" $marielToHuman>><<script>>$(document).on('input', 'input[name="marielToHuman"]', function() { State.variables.marielToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth calls her:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanToMariel" $humanToMariel>><<script>>$(document).on('input', 'input[name="humanToMariel"]', function() { State.variables.humanToMariel = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth is Mariel's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanIsMariel" $humanIsMariel>><<script>>$(document).on('input', 'input[name="humanIsMariel"]', function() { State.variables.humanIsMariel = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Thalor is the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$thalorToHuman" $thalorToHuman>><<script>>$(document).on('input', 'input[name="thalorToHuman"]', function() { State.variables.thalorToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">The human youth calls him:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$humanToThalor" $humanToThalor>><<script>>$(document).on('input', 'input[name="humanToThalor"]', function() { State.variables.humanToThalor = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Thalor calls the human youth:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$thalorCallsHuman" $thalorCallsHuman>><<script>>$(document).on('input', 'input[name="thalorCallsHuman"]', function() { State.variables.thalorCallsHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px; grid-column: 1 / -1;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Together, Mariel and Thalor are the human youth's:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$bothToHuman" $bothToHuman>><<script>>$(document).on('input', 'input[name="bothToHuman"]', function() { State.variables.bothToHuman = this.value; window.syncRelationshipVars(); });<</script>></span></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px; grid-column: 1 / -1;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Their living arrangement is:</label> <span class="relationship-textbox" style="display: block;"><<textbox "$householdType" $householdType>><<script>>$(document).on('input', 'input[name="householdType"]', function() { State.variables.householdType = this.value; window.syncRelationshipVars(); });<</script>></span></div></div></div> <div style="background: rgba(255,255,255,0.1); border: 2px solid rgba(135,206,235,0.6); border-radius: 15px; padding: 25px; margin-bottom: 25px;"> <h2 style="color: #fff; font-size: 1.6em; margin: 0 0 20px 0;">👥 Friends & Associates</h2> <div style="background: rgba(0,0,0,0.1); border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: center;"> <p style="color: rgba(255,255,255,0.9); margin: 0;">The human youth has childhood friends named Liora and Serin who live together.</p></div> <div style="background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 15px;"> <label style="display: block; color: #fff; font-size: 1em; margin-bottom: 10px;">Serin is Liora's (both female grew up together):</label> <span class="relationship-textbox" style="display: block;"><<textbox "$serinLioraRelation" $serinLioraRelation>><<script>>$(document).on('input', 'input[name="serinLioraRelation"]', function() { State.variables.serinLioraRelation = this.value; window.syncRelationshipVars(); });<</script>></span></div></div> <div style="background: rgba(255,193,7,0.15); border: 2px solid rgba(255,193,7,0.4); border-radius: 12px; padding: 20px; margin: 25px 0; display: flex; align-items: center; gap: 15px;"> <span style="font-size: 1.5em;">💡</span> <div style="color: #fff;"> <strong>Note:</strong> These settings help maintain content guidelines while preserving the story's intended relationships and emotional dynamics.</div></div> <div style="text-align: center; padding: 30px; gap: 10px;"> <<link "⬅️ Back to Story">> <<goto $storyPassage>><</link>> </div></div> <</nobr>> <<script>> // Sync variables when leaving this passage $(document).on(':passageend', function() { window.syncRelationshipVars(); }); <</script>>

<<script>>window.AudioSystem.playBGM('miraslastsong.mp3');<</script>> <<nobr>> <div class="scene-container" style="background: linear-gradient(135deg, rgba(25, 25, 35, 0.95), rgba(40, 40, 60, 0.9), rgba(60, 25, 80, 0.95)); min-height: 100vh; position: relative; border-radius: 15px; overflow: hidden;"> <div class="scene-interior" style="position: relative; z-index: 2; padding: 40px;"> <div style="text-align: center; margin-bottom: 40px;"> <h1 style="color: #E6E6FA; text-shadow: 3px 3px 8px rgba(0,0,0,0.9); margin: 0; font-size: 3em; background: linear-gradient(45deg, #FFD700, #FFA500, #FFD700); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">🏰 The Sandbox Realm 🏰</h1> <p style="color: #B0C4DE; font-size: 1.2em; margin: 10px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">A place between worlds, where stories converge and adventures await...</p> </div> <div style="margin: 30px 0; background: linear-gradient(145deg, rgba(45, 45, 50, 0.9), rgba(35, 35, 40, 0.95)); border: 3px solid rgba(255, 215, 0, 0.6); border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.5);"> <div style="text-align: center; margin-bottom: 25px;"> <h2 style="color: #FFD700; text-shadow: 2px 2px 6px rgba(0,0,0,0.8); margin: 0; font-size: 2.2em;">📝 Author's Notes</h2> <div style="width: 110px; height: 4px; background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700); margin: 20px auto; border-radius: 2px;"></div> </div> <div style="color: #E6E6FA; font-size: 1.1em; line-height: 1.8; text-align: justify; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);"> <p style="margin-bottom: 20px;">🎭 <strong>Thanks for playing so far!</strong> I truly hope you've enjoyed the journey through <em>Bonds Defiled</em> up to this point. Your support and engagement mean the world to me.</p> <p style="margin-bottom: 20px;">📚 <strong>This update was immensely story-focused</strong> because I want to finish <span style="color: #FFD700; font-weight: bold;">Act 1</span> sooner rather than later. The next update will complete Act 1 instead of waiting for version 1.0.</p> <p style="margin-bottom: 20px;">🎯 <strong>Story-wise, most has already been told so far</strong>, so the next update will still be story-focused but less intense than 0.5.</p> <p style="margin-bottom: 20px;">🌟 <strong>Act 2 will have more sandbox elements</strong> while maintaining the game's story-focused nature.</p> <p style="margin-bottom: 20px;">💎 <strong>This passage is mostly a placeholder</strong> for now, but it serves an important purpose. By clicking the next passage, you'll jump back to the Blightwood exploration - something several players requested to allow repeating after chapter completion. Though there is not much to do yet.</p> <p style="margin-bottom: 20px;">🎮 <strong>You can either save here</strong>, or keep running Blightwood and... well, basically cheat some progress! 😉</p> <p style="margin-bottom: 0; text-align: center; font-size: 1.2em; color: #FFD700; font-weight: bold;">🎉 Thanks for playing. See you in the next update! 🎉</p> </div> </div> <div style="text-align: center; margin: 40px 0;"> <div style="background: linear-gradient(145deg, rgba(45, 45, 50, 0.95), rgba(35, 35, 40, 0.98)); border: 3px solid rgba(255, 215, 0, 0.8); border-radius: 20px; padding: 30px; min-width: 300px; box-shadow: 0 12px 35px rgba(0,0,0,0.6); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700, #FFA500);"></div> <h3 style="color: #E6E6FA; margin: 0 0 25px 0; font-size: 1.6em; text-shadow: 2px 2px 6px rgba(0,0,0,0.8);">Continue Your Adventure</h3> <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;"> <div style="background: linear-gradient(145deg, rgba(25, 25, 35, 0.9), rgba(40, 40, 60, 0.95)); border: 2px solid rgba(255, 215, 0, 0.6); border-radius: 12px; padding: 18px; display: inline-block; min-width: 200px; transition: all 0.3s ease; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,0.4);"> <div style="color: #FFD700; font-size: 1.3em; margin-bottom: 8px;">🌲</div> <div style="color: #E6E6FA; font-size: 1.1em; font-weight: bold;">Return to Blightwood</div> <div style="color: #B0C4DE; font-size: 0.9em; margin-top: 5px;">Continue exploring the corrupted forest</div> </div> </div> <div style="margin-top: 25px;"> <div style="background: linear-gradient(145deg, rgba(60, 25, 80, 0.8), rgba(80, 40, 100, 0.9)); border: 2px solid rgba(255, 215, 0, 0.8); border-radius: 15px; padding: 20px; display: inline-block; min-width: 250px; transition: all 0.3s ease; cursor: pointer; box-shadow: 0 8px 25px rgba(0,0,0,0.5);"> <div style="color: #FFD700; font-size: 1.2em; margin-bottom: 10px;">⚔️</div> <div style="color: #E6E6FA; font-size: 1.2em; font-weight: bold;">[[Enter Blightwood Exploration|Chapter5BlightwoodPreparations]]</div> <div style="color: #B0C4DE; font-size: 0.9em; margin-top: 8px;">Begin your journey through the corrupted lands</div> </div> </div> </div> </div> <div style="text-align: center; margin: 30px 0; padding: 20px; background: linear-gradient(145deg, rgba(45, 45, 50, 0.7), rgba(35, 35, 40, 0.8)); border-radius: 12px; border: 1px solid rgba(255, 215, 0, 0.3);"> <p style="color: #B0C4DE; font-size: 1em; margin: 0; font-style: italic;">💾 <strong>Save Point Available</strong> - This is a safe location to save your progress</p> </div> </div> </div> <style> .scene-container { animation: fadeIn 2s ease-out; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .scene-container:hover .scene-interior { transform: scale(1.01); transition: transform 0.3s ease; } .scene-interior { transition: transform 0.3s ease; } </style> <<changeFace $currentRylanFace>> <<statSummary>> <</nobr>>

<<nobr>> <div class="sidebar-title">Active Character</div><div class="date-info"><span class="month"><<print $monthNames[$gameMonth - 1]>> <<print $gameDay>> </span><span class="year"><<print $gameYear>></span></div><div class="time-info"><span class="time-icon"><<switch $timeOfDay>><<case "morning">>🌅<<case "afternoon">>☀️<<case "evening">>🌆<<case "night">>🌙<</switch>></span><span class="time-text"><<print $timeOfDay.charAt(0).toUpperCase() + $timeOfDay.slice(1)>></span></div> <div id="character-effects-overlay" class="effects-overlay"><div class="sidebar-effects-grid" id="sidebar-effects-grid"></div> </div><<if $currentFace>><div class="sidebar-portrait"><<set _activeCharacter = $currentFace ? $currentFace.split('/')[0].toLowerCase() : "">><<set _portraitLust = 0>><<switch _activeCharacter>><<case "rylan">><<set _portraitLust = $rylan_Lust || 0>><<case "mariel">><<set _portraitLust = $mariel_Lust || 0>><<case "thalor">><<set _portraitLust = $thalor_Lust || 0>><<case "liora">><<set _portraitLust = $liora_Lust || 0>><<case "serin">><<set _portraitLust = $serin_Lust || 0>><<case "seryk">><<set _portraitLust = $seryk_Lust || 0>><<case "nimeria">><<set _portraitLust = $nimeria_Lust || 0>><</switch>><<if _portraitLust >= 50>><<if _activeCharacter === "mariel" && $characterStages && $characterStages.mariel >= 2>><<set _portraitPath = 'images/mariel/stage2/facewet.webp'>><<else>><<set _portraitPath = 'images/' + _activeCharacter.charAt(0).toUpperCase() + _activeCharacter.slice(1) + '/facewet.webp'>><</if>><<else>><<if $currentFace.includes('/')>><<set _portraitPath = 'images/' + $currentFace>><<else>><<if _activeCharacter === "mariel" && $characterStages && $characterStages.mariel >= 2>><<set _portraitPath = 'images/mariel/stage2/face.webp'>><<else>><<set _portraitPath = 'images/' + _activeCharacter.charAt(0).toUpperCase() + _activeCharacter.slice(1) + '/face.webp'>><</if>><</if>><</if>><img @src="_portraitPath"></div><</if>><div class="diary-menu-button"><<if $currentFace>><<set _activeCharacter = $currentFace ? $currentFace.split('/')[0].toLowerCase() : "">><div class="stat-bars"><<if _activeCharacter>><<switch _activeCharacter>><<case "rylan">><<set _characterName = $humanName || 'Rylan'>><<set _imagePath = 'Rylan'>><<set _lustVar = $rylan_Lust>><<case "mariel">><<set _characterName = 'Mariel'>><<set _imagePath = ($characterStages && $characterStages.mariel >= 2) ? 'Mariel/stage2' : 'Mariel'>><<set _lustVar = $mariel_Lust>><<case "liora">><<set _characterName = 'Liora'>><<set _imagePath = 'Liora'>><<set _lustVar = $liora_Lust>><<case "serin">><<set _characterName = 'Serin'>><<set _imagePath = 'Serin'>><<set _lustVar = $serin_Lust>><<case "seryk">><<set _characterName = 'Seryk'>><<set _imagePath = 'Seryk'>><<set _lustVar = $seryk_Lust>><<case "nimeria">><<set _characterName = 'Nimeria'>><<set _imagePath = 'Nimeria'>><<set _lustVar = $nimeria_Lust>><<case "thalor">><<set _characterName = 'Thalor'>><<set _imagePath = 'Thalor'>><<set _lustVar = $thalor_Lust>><<default>><<set _characterName = _activeCharacter>><<set _imagePath = _activeCharacter>><<set _lustVar = 0>><</switch>><div class="clothing-section"><div class="clothing-header" data-target="clothing"><span class="fold-arrow">▼</span> Underwear</div><div class="clothing-content"><<set _isWet = (_lustVar || 0) >= 50>><<set _baseImagePath = 'images/' + _imagePath + '/'>><<if $wardrobe && $wardrobe[_imagePath] && $wardrobe[_imagePath].outfit && $wardrobe[_imagePath].outfit !== "normal">><<set _baseImagePath += $wardrobe[_imagePath].outfit + '/'>><<else>><<set _baseImagePath += ''>><</if>><<if _imagePath === "Nimeria">><<if _isWet>><<set _braPath = _baseImagePath + 'brawetwhitedress.webp'>><<set _pantiesPath = _baseImagePath + 'pantieswetwhitedress.webp'>><<set _legwearPath = _baseImagePath + 'legwearwetwhitedress.webp'>><<else>><<set _braPath = _baseImagePath + 'brawhitedress.webp'>><<set _pantiesPath = _baseImagePath + 'pantieswhitedress.webp'>><<set _legwearPath = _baseImagePath + 'legwearwhitedress.webp'>><</if>><<elseif _activeCharacter === "rylan">><<if $rylan_wearingPanties === true>><<set _braPath = 'images/rylan/bra' + (_isWet ? 'wet' : '') + '.webp'>><<set _pantiesPath = 'images/rylan/femalestage1/panties' + (_isWet ? 'wet' : '') + '.webp'>><<if $rylan_wearingSocks === true>><<set _legwearPath = 'images/rylan/femalestage1/legwear' + (_isWet ? 'wet' : '') + '.webp'>><<else>><<set _legwearPath = 'images/rylan/legwear' + (_isWet ? 'wet' : '') + '.webp'>><</if>><<else>><<set _braPath = 'images/rylan/bra' + (_isWet ? 'wet' : '') + '.webp'>><<set _pantiesPath = 'images/rylan/panties' + (_isWet ? 'wet' : '') + '.webp'>><<if $rylan_wearingSocks === true>><<set _legwearPath = 'images/rylan/femalestage1/legwear' + (_isWet ? 'wet' : '') + '.webp'>><<else>><<set _legwearPath = 'images/rylan/legwear' + (_isWet ? 'wet' : '') + '.webp'>><</if>><</if>><<else>><<if _isWet>><<set _braPath = _baseImagePath + 'brawet.webp'>><<set _pantiesPath = _baseImagePath + 'pantieswet.webp'>><<set _legwearPath = _baseImagePath + 'legwearwet.webp'>><<else>><<set _braPath = _baseImagePath + 'bra.webp'>><<set _pantiesPath = _baseImagePath + 'panties.webp'>><<set _legwearPath = _baseImagePath + 'legwear.webp'>><</if>><</if>><<if $wardrobe && $wardrobe[_activeCharacter] && $wardrobe[_activeCharacter].nailPolish>><<set _braPath = _braPath.replace('.webp', 'rednails.webp')>><<set _pantiesPath = _pantiesPath.replace('.webp', 'rednails.webp')>><<set _legwearPath = _legwearPath.replace('.webp', 'rednails.webp')>><</if>><<if $wardrobe && $wardrobe[_activeCharacter] && $wardrobe[_activeCharacter].lipstick>><<set _braPath = _braPath.replace('.webp', 'lipstick.webp')>><<set _pantiesPath = _pantiesPath.replace('.webp', 'lipstick.webp')>><<set _legwearPath = _legwearPath.replace('.webp', 'lipstick.webp')>><</if>><div class="bra-display"><img @src="_braPath" alt="<<if _isWet>>Wet <</if>>Bra"></div><div class="panties-display"><img @src="_pantiesPath" alt="<<if _isWet>>Wet <</if>>Panties"></div><<if _activeCharacter === "rylan" && $rylan_wearingSocks === true>><div class="legwear-display"><img @src="_legwearPath" alt="<<if _isWet>>Wet <</if>>Socks"></div><<else>><div class="legwear-display"><img @src="_legwearPath" alt="<<if _isWet>>Wet <</if>>Legwear"></div><</if>></div></div>  <div class="stats-container"><div class="stat-group"><div class="stat-bar lust" data-tooltip="Lust"><div class="stat-icon">💗</div><div class="stat-info"><<switch _activeCharacter>><<case "rylan">><<set _lust = $rylan_Lust || 0>><<case "mariel">><<set _lust = $mariel_Lust || 0>><<case "thalor">><<set _lust = $thalor_Lust || 0>><<case "liora">><<set _lust = $liora_Lust || 0>><<case "serin">><<set _lust = $serin_Lust || 0>><<case "seryk">><<set _lust = $seryk_Lust || 0>><<case "nimeria">><<set _lust = $nimeria_Lust || 0>><<default>><<set _lust = 0>><</switch>><div class="lust-value"><<print Math.round(Math.min(_lust, 100))>></div></div></div><div class="stat-bar cum-need" data-tooltip="Cum Need"><div class="stat-icon">💦</div><div class="stat-info"><<switch _activeCharacter>><<case "rylan">><<set _cumNeed = $rylan_CumNeed>><<case "mariel">><<set _cumNeed = $mariel_CumNeed>><<case "thalor">><<set _cumNeed = $thalor_CumNeed>><<case "liora">><<set _cumNeed = $liora_CumNeed>><<case "serin">><<set _cumNeed = $serin_CumNeed>><<case "seryk">><<set _cumNeed = $seryk_CumNeed>><<case "nimeria">><<set _cumNeed = $nimeria_CumNeed>><<default>><<set _cumNeed = 0>><</switch>><div class="cum-value"><<print Math.min(_cumNeed || 0, 100).toFixed(1)>></div></div></div><div class="stat-bar corruption" data-tooltip="Corruption"><div class="stat-icon">🌑</div><div class="stat-info"><div class="corruption-meter"><<switch _activeCharacter>><<case "rylan">><<set _corruption = $rylan_corruption>><<case "mariel">><<set _corruption = $mariel_corruption>><<case "thalor">><<set _corruption = $thalor_corruption>><<case "liora">><<set _corruption = $liora_corruption>><<case "serin">><<set _corruption = $serin_corruption>><<case "seryk">><<set _corruption = $seryk_corruption>><<case "nimeria">><<set _corruption = $nimeria_corruption>><<default>><<set _corruption = 0>><</switch>><div class="corruption-value"><<print _corruption>></div><div class="corruption-stage"><<print _corruption <= 20 ? "Pure" : _corruption <= 40 ? "Tainted" : _corruption <= 60 ? "Corrupted" : _corruption <= 80 ? "Defiled" : "Fallen">></div></div></div></div></div><div class="currency-container"><div class="stat-bar gold" data-tooltip="Current Gold"> <div class="stat-icon">💰</div> <div class="stat-info"> <div class="gold-display"> <div class="gold-value"><<print $gold>></div> </div> </div> </div><div class="stat-bar crystals" data-tooltip="Soul Crystals"> <div class="stat-icon">💎</div> <div class="stat-info"> <div class="crystals-display"> <div class="crystals-value"><<print $crystals || 0>></div> </div> </div> </div></div><div class="quest-section"> <div class="section-header">📜 Active Quests</div> <div class="quest-list"> <<if $currentLocation && $quests && $quests.active>> <<set _locationQuests = QuestSystem.getQuestsForLocation($currentLocation)>> <<for _quest range _locationQuests>> <div class="quest-item"> <div class="quest-title"><<print _quest.title>></div> <div class="quest-description"><<print _quest.description>></div> <<for _objKey, _required range _quest.objectives>> <div class="quest-objective"> <div class="objective-progress"> <<print _quest.progress[_objKey]>>/<<print _required>> </div> <div class="progress-bar"> <div class="progress-fill" style="width: <<print (_quest.progress[_objKey] / _required * 100)>>%"></div> </div> </div> <</for>> </div> <</for>> <</if>> </div> </div> </div><</if>></div><</if>> <div class="sidebar-buttons"><<if $hasReachedMissionPrep>><div class="sidebar-button"><<link "👥 Party Status">><<set $storyPassage = passage()>><<goto "PartyMenu">><</link>></div><</if>><<if $hasReachedMissionPrep>><div class="sidebar-button"><<link "📋 Quest Log">><<set $QuestLog = passage()>><<goto "QuestLog">><</link>></div><</if>><<if $soulForgeUnlocked>><div class="sidebar-button soul-forge-button"><<link "🔮 Soul Forge">><<set $storyPassage = passage()>><<set $soulForgeActive = true>><<goto "SoulForge">><</link>></div><</if>><div class="sidebar-button"><<link "⚙️ Relationships">><<set $storyPassage = passage()>><<goto "RelationshipSetupSidebar">><</link>></div><div class="sidebar-button"><<link "📚 Game Guide">><<set $storyPassage = passage()>><<goto "Guide">><</link>></div></div> <</nobr>> <style> .stat-bars { margin: 1em 0; } .clothing-section { margin-bottom: 1em; } .clothing-header { display: flex; align-items: center; gap: 0.5em; padding: 0.5em; background: rgba(0, 0, 0, 0.2); border-radius: 4px; cursor: pointer; user-select: none; margin-bottom: 0.5em; } .clothing-header:hover { background: rgba(0, 0, 0, 0.3); } .fold-arrow { display: inline-block; transition: transform 0.2s ease; } .clothing-header.folded .fold-arrow { transform: rotate(-90deg); } .clothing-content { transition: max-height 0.5s ease, opacity 0.3s ease; max-height: 600px; opacity: 1; overflow: hidden; } .clothing-header.folded + .clothing-content { max-height: 0; opacity: 0; margin: 0; } .bra-display, .panties-display, .legwear-display, .socks-display { text-align: center; margin-bottom: 1em; } .bra-display img, .panties-display img, .legwear-display img, .socks-display img { max-width: 150px; height: auto; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease; } .bra-display img:hover, .panties-display img:hover, .legwear-display img:hover, .socks-display img:hover { transform: scale(1.05); } /* Stats Container Styles */ .stats-container { background: rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 0.5em; margin: 0.5em 0; } .stat-group { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5em; margin-bottom: 0.5em; } .corruption-group { display: grid; grid-template-columns: 1fr; gap: 0.5em; margin-bottom: 0.5em; } .stat-bar { display: flex; align-items: center; gap: 0.4em; padding: 0.4em; background: rgba(0, 0, 0, 0.15); border-radius: 4px; transition: all 0.2s ease; border: 1px solid rgba(255, 255, 255, 0.05); } /* Currency Container */ .currency-container { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5em; margin: 0.5em 0; } .currency-container .stat-bar { margin-bottom: 0; } .stat-bar:hover { transform: translateX(2px); background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.1); } .stat-icon { font-size: 1em; width: 1.2em; text-align: center; transition: transform 0.2s ease; } .stat-info { flex-grow: 1; min-width: 0; } .stat-label { font-size: 0.7em; color: #ccc; margin-bottom: 0.2em; text-transform: uppercase; letter-spacing: 0.05em; } .lust-value { font-size: 1em; font-weight: bold; color: #ff6b6b; text-shadow: 0 0 3px rgba(255, 107, 107, 0.5); text-align: right; } .cum-value { font-size: 1em; font-weight: bold; color: #74c0fc; text-shadow: 0 0 3px rgba(116, 192, 252, 0.5); text-align: right; } .progress-bar { height: 8px; background: rgba(0, 0, 0, 0.3); border-radius: 4px; overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, 0.1); } .progress-fill { height: 100%; transition: width 0.3s ease; position: relative; } .cum-fill { background: linear-gradient(to right, #74c0fc, #4dabf7); box-shadow: 0 0 5px rgba(116, 192, 252, 0.3); } .progress-text { position: absolute; right: 3px; top: 50%; transform: translateY(-50%); font-size: 0.65em; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .corruption-meter { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.3em 0; min-height: 2.5em; } .corruption-value { font-size: 1em; font-weight: bold; color: #9b4dca; text-shadow: 0 0 3px rgba(155, 77, 202, 0.5); } .corruption-stage { font-size: 0.7em; padding: 0.3em 0.6em; border-radius: 4px; background: rgba(155, 77, 202, 0.2); color: #d0a9e5; text-transform: uppercase; letter-spacing: 0.05em; border: 1px solid rgba(155, 77, 202, 0.3); font-weight: bold; } /* Hover Animations */ .stat-bar.lust:hover .stat-icon { animation: pulse 1s infinite; } .stat-bar.cum-need:hover .stat-icon { animation: bounce 1s infinite; } .stat-bar.corruption:hover .stat-icon { animation: rotate 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Specific styles for the sidebar portrait */ .sidebar-portrait { margin: 1em 0; text-align: center; } .sidebar-portrait img { width: 200px; height: 200px; object-fit: cover; border-radius: 10px; border: 2px solid rgba(255, 255, 255, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transition: transform 0.2s ease; } .sidebar-portrait img:hover { transform: scale(1.05); } /* Add custom tooltip styles */ [data-tooltip] { position: relative; } [data-tooltip]:hover::before { content: attr(data-tooltip); position: absolute; left: -10px; top: -25px; background: rgba(0, 0, 0, 0.8); color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 1000; } [data-tooltip]:hover::after { content: ''; position: absolute; left: 5px; top: -8px; border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.8); z-index: 1000; } .gold-display { display: flex; align-items: center; justify-content: flex-end; padding: 0.2em 0; } .gold-value { font-size: 1em; font-weight: bold; color: #ffd700; text-shadow: 0 0 3px rgba(255, 215, 0, 0.5); } .stat-bar.gold:hover { background: rgba(255, 215, 0, 0.15); border-color: rgba(255, 215, 0, 0.3); } .stat-bar.gold:hover .stat-icon { animation: coinFlip 1s infinite; } .crystals-display { display: flex; align-items: center; justify-content: flex-end; padding: 0.2em 0; } .crystals-value { font-size: 1em; font-weight: bold; color: #e0a3ff; text-shadow: 0 0 3px rgba(224, 163, 255, 0.5); } .stat-bar.crystals:hover { background: rgba(224, 163, 255, 0.15); border-color: rgba(224, 163, 255, 0.3); } .stat-bar.crystals:hover .stat-icon { animation: crystalGlow 1s infinite; } @keyframes coinFlip { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } @keyframes crystalGlow { 0% { filter: brightness(1); } 50% { filter: brightness(1.5); } 100% { filter: brightness(1); } } /* Quest Display Styles */ .quest-section { background: rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 0.5em; margin: 0.5em 0; } .section-header { font-size: 1.1em; color: #ffd700; margin-bottom: 0.5em; text-shadow: 0 0 3px rgba(255, 215, 0, 0.5); } .quest-list { display: flex; flex-direction: column; gap: 0.5em; } .quest-item { background: rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 0.5em; border: 1px solid rgba(255, 255, 255, 0.05); } .quest-title { font-size: 0.9em; color: #fff; margin-bottom: 0.3em; } .quest-description { font-size: 0.8em; color: #ccc; margin-bottom: 0.5em; } .quest-objective { display: flex; align-items: center; gap: 0.5em; margin: 0.2em 0; } .objective-progress { font-size: 0.8em; color: #ccc; min-width: 4em; } .progress-bar { flex-grow: 1; height: 6px; background: rgba(0, 0, 0, 0.3); border-radius: 3px; overflow: hidden; } .progress-fill { height: 100%; background: linear-gradient(to right, #4dabf7, #74c0fc); transition: width 0.3s ease; } /* Sidebar Button Styles */ .sidebar-buttons { margin: 1em 0; display: flex; flex-direction: column; gap: 0.5em; } .sidebar-button { background: linear-gradient(135deg, rgba(74, 144, 226, 0.8), rgba(116, 192, 252, 0.6)); border: 1px solid rgba(74, 144, 226, 0.4); border-radius: 8px; padding: 0.8em 1em; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .sidebar-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .sidebar-button:hover::before { left: 100%; } .sidebar-button:hover { background: linear-gradient(135deg, rgba(74, 144, 226, 1), rgba(116, 192, 252, 0.8)); border-color: rgba(74, 144, 226, 0.8); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3); } .sidebar-button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } .sidebar-button a { color: #ffffff !important; text-decoration: none !important; font-weight: bold; font-size: 0.9em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); display: block; width: 100%; height: 100%; position: relative; z-index: 1; } .sidebar-button a:hover { color: #ffffff !important; } /* Soul Forge Button Special Styling */ .soul-forge-button { background: linear-gradient(135deg, rgba(138, 43, 226, 0.8), rgba(147, 112, 219, 0.6)) !important; border: 1px solid rgba(138, 43, 226, 0.6) !important; box-shadow: 0 2px 8px rgba(138, 43, 226, 0.3) !important; } .soul-forge-button:hover { background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(147, 112, 219, 0.8)) !important; border-color: rgba(138, 43, 226, 0.8) !important; box-shadow: 0 4px 12px rgba(138, 43, 226, 0.5) !important; transform: translateY(-2px); } .soul-forge-button::before { background: linear-gradient(90deg, transparent, rgba(221, 160, 221, 0.3), transparent) !important; } /* Debug Section Styles */ .debug-section { margin-bottom: 1em; } .debug-header { display: flex; align-items: center; gap: 0.5em; padding: 0.5em; background: rgba(255, 140, 0, 0.2); border: 1px solid rgba(255, 140, 0, 0.3); border-radius: 4px; cursor: pointer; user-select: none; margin-bottom: 0.5em; color: #ffb366; } .debug-header:hover { background: rgba(255, 140, 0, 0.3); } .debug-header.folded .fold-arrow { transform: rotate(-90deg); } .debug-content { transition: max-height 0.5s ease, opacity 0.3s ease; max-height: 400px; opacity: 1; overflow-y: auto; overflow-x: hidden; background: rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 0.3em; } .debug-header.folded + .debug-content { max-height: 0; opacity: 0; margin: 0; padding: 0; } .debug-subsection { margin-bottom: 0.5em; padding: 0.3em; background: rgba(0, 0, 0, 0.1); border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.1); } .debug-subtitle { font-size: 0.75em; font-weight: bold; color: #ffd700; margin-bottom: 0.3em; text-shadow: 0 0 2px rgba(255, 215, 0, 0.5); border-bottom: 1px solid rgba(255, 215, 0, 0.3); padding-bottom: 0.2em; } .debug-section .debug-item { display: flex; align-items: center; justify-content: space-between; margin: 0.2em 0; padding: 0.2em 0.3em; background: rgba(0, 0, 0, 0.1); border-radius: 2px; } .debug-section .debug-item label { font-size: 0.7em; color: #ccc; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .debug-toggle { background: rgba(100, 100, 100, 0.2); border: 1px solid rgba(100, 100, 100, 0.4); border-radius: 3px; padding: 0.1em 0.3em; cursor: pointer; font-size: 0.7em; color: white; transition: all 0.2s ease; min-width: 2em; text-align: center; } .debug-toggle:hover { background: rgba(100, 100, 100, 0.4); border-color: rgba(100, 100, 100, 0.6); transform: scale(1.05); } .debug-input { background: rgba(50, 50, 50, 0.8); border: 1px solid rgba(100, 100, 100, 0.4); border-radius: 2px; padding: 0.1em 0.3em; color: white; font-size: 0.7em; text-align: center; width: 60px; } .debug-input:focus { outline: none; border-color: rgba(74, 144, 226, 0.8); box-shadow: 0 0 5px rgba(74, 144, 226, 0.3); } /* Custom scrollbar for debug content */ .debug-content::-webkit-scrollbar { width: 6px; } .debug-content::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); border-radius: 3px; } .debug-content::-webkit-scrollbar-thumb { background: rgba(255, 140, 0, 0.5); border-radius: 3px; } .debug-content::-webkit-scrollbar-thumb:hover { background: rgba(255, 140, 0, 0.7); } /* Character Effects Overlay Styles */ .effects-overlay { position: fixed; top: 120px; right: 20px; width: 250px; max-height: 400px; z-index: 1000; background: rgba(0, 0, 0, 0.85); border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); transition: all 0.3s ease; } .effects-overlay:empty { display: none; } .sidebar-effects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); gap: 10px; align-items: center; } .floating-effect-item { display: flex; flex-direction: column; align-items: center; padding: 8px; background: rgba(255, 255, 255, 0.1); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; position: relative; min-height: 110px; justify-content: center; } .floating-effect-item:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .effect-portrait { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.3); margin-bottom: 5px; position: relative; } .effect-name { font-size: 0.7em; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold; } .effect-chibi { position: absolute; top: -8px; right: -8px; width: 25px; height: 25px; background: rgba(0, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; border: 2px solid rgba(255, 255, 255, 0.7); overflow: hidden; } .effect-chibi img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } /* Aura effects for the floating overlay - Base styles */ .floating-effect-item.aura-blue .effect-portrait { box-shadow: 0 0 15px rgba(0, 123, 255, 0.8), 0 0 30px rgba(0, 123, 255, 0.4); animation: bluePulse 2s infinite ease-in-out; } .floating-effect-item.aura-healing .effect-portrait { box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4); animation: healingPulse 2s infinite ease-in-out; } .floating-effect-item.aura-danger .effect-portrait { box-shadow: 0 0 15px rgba(255, 0, 0, 0.8), 0 0 30px rgba(255, 0, 0, 0.4); animation: dangerPulse 1.5s infinite ease-in-out; } .floating-effect-item.aura-magic .effect-portrait { box-shadow: 0 0 15px rgba(138, 43, 226, 0.8), 0 0 30px rgba(138, 43, 226, 0.4); animation: magicPulse 2.5s infinite ease-in-out; } .floating-effect-item.aura-corruption .effect-portrait { box-shadow: 0 0 15px rgba(139, 0, 139, 0.8), 0 0 30px rgba(139, 0, 139, 0.4); animation: corruptionPulse 3s infinite ease-in-out; } /* Intensity variations */ .floating-effect-item.intensity-weak .effect-portrait { animation-duration: 3s !important; opacity: 0.7; } .floating-effect-item.intensity-strong .effect-portrait { animation-duration: 1s !important; transform: scale(1.1); } .floating-effect-item.intensity-intense .effect-portrait { animation-duration: 0.8s !important; transform: scale(1.15); filter: brightness(1.2); } /* Animation keyframes - now dynamically adjustable via CSS custom properties */ @keyframes bluePulse { 0%, 100% { box-shadow: 0 0 var(--aura-radius-1, 15px) rgba(0, 123, 255, var(--aura-opacity-1, 0.8)), 0 0 var(--aura-radius-2, 30px) rgba(0, 123, 255, var(--aura-opacity-2, 0.4)); } 50% { box-shadow: 0 0 var(--aura-radius-1-peak, 25px) rgba(0, 123, 255, var(--aura-opacity-1-peak, 1)), 0 0 var(--aura-radius-2-peak, 40px) rgba(0, 123, 255, var(--aura-opacity-2-peak, 0.6)); } } @keyframes healingPulse { 0%, 100% { box-shadow: 0 0 var(--aura-radius-1, 15px) rgba(255, 215, 0, var(--aura-opacity-1, 0.8)), 0 0 var(--aura-radius-2, 30px) rgba(255, 215, 0, var(--aura-opacity-2, 0.4)); } 50% { box-shadow: 0 0 var(--aura-radius-1-peak, 25px) rgba(255, 215, 0, var(--aura-opacity-1-peak, 1)), 0 0 var(--aura-radius-2-peak, 40px) rgba(255, 215, 0, var(--aura-opacity-2-peak, 0.6)); } } @keyframes dangerPulse { 0%, 100% { box-shadow: 0 0 var(--aura-radius-1, 15px) rgba(255, 0, 0, var(--aura-opacity-1, 0.8)), 0 0 var(--aura-radius-2, 30px) rgba(255, 0, 0, var(--aura-opacity-2, 0.4)); } 50% { box-shadow: 0 0 var(--aura-radius-1-peak, 25px) rgba(255, 0, 0, var(--aura-opacity-1-peak, 1)), 0 0 var(--aura-radius-2-peak, 40px) rgba(255, 0, 0, var(--aura-opacity-2-peak, 0.6)); } } @keyframes magicPulse { 0%, 100% { box-shadow: 0 0 var(--aura-radius-1, 15px) rgba(138, 43, 226, var(--aura-opacity-1, 0.8)), 0 0 var(--aura-radius-2, 30px) rgba(138, 43, 226, var(--aura-opacity-2, 0.4)); } 50% { box-shadow: 0 0 var(--aura-radius-1-peak, 25px) rgba(138, 43, 226, var(--aura-opacity-1-peak, 1)), 0 0 var(--aura-radius-2-peak, 40px) rgba(138, 43, 226, var(--aura-opacity-2-peak, 0.6)); } } @keyframes corruptionPulse { 0%, 100% { box-shadow: 0 0 var(--aura-radius-1, 15px) rgba(139, 0, 139, var(--aura-opacity-1, 0.8)), 0 0 var(--aura-radius-2, 30px) rgba(139, 0, 139, var(--aura-opacity-2, 0.4)); } 50% { box-shadow: 0 0 var(--aura-radius-1-peak, 25px) rgba(139, 0, 139, var(--aura-opacity-1-peak, 1)), 0 0 var(--aura-radius-2-peak, 40px) rgba(139, 0, 139, var(--aura-opacity-2-peak, 0.6)); } } </style> <<script>> $(document).ready(function() { // Load saved fold state const loadFoldState = () => { try { const savedState = localStorage.getItem('clothingFoldState') === 'true'; if (savedState) { $('.clothing-header').addClass('folded'); } } catch (e) { console.error('Error loading fold state:', e); } }; // Save fold state const saveFoldState = () => { const isFolded = $('.clothing-header').hasClass('folded'); localStorage.setItem('clothingFoldState', isFolded); }; // Click handler for clothing header $('.clothing-header').on('click', function() { $(this).toggleClass('folded'); saveFoldState(); }); // Click handler for debug header $('.debug-header').on('click', function() { $(this).toggleClass('folded'); try { const isFolded = $(this).hasClass('folded'); localStorage.setItem('debugFoldState', isFolded); } catch (e) { console.error('Error saving debug fold state:', e); } }); // Load debug fold state try { const debugFoldState = localStorage.getItem('debugFoldState') === 'true'; if (debugFoldState) { $('.debug-header').addClass('folded'); } } catch (e) { console.error('Error loading debug fold state:', e); } // Debug toggle button handlers $('.debug-toggle').on('click', function() { const varName = $(this).data('var'); if (varName && State && State.variables) { State.variables[varName] = !State.variables[varName]; $(this).text(State.variables[varName] ? '✅' : '❌'); } }); // Debug input field handlers $('.debug-input').on('change', function() { const varName = $(this).data('var'); const value = $(this).val(); if (varName && State && State.variables) { if (value === 'true') { State.variables[varName] = true; } else if (value === 'false') { State.variables[varName] = false; } else if (!isNaN(value) && value !== '') { State.variables[varName] = Number(value); } else { State.variables[varName] = value; } } }); // Debug transformation toggle handlers $('.debug-toggle-transformation').on('click', function() { const charName = $(this).data('char'); const bodyPart = $(this).data('part'); if (charName && bodyPart && State && State.variables) { if (!State.variables.characterTransformations) { State.variables.characterTransformations = {}; } if (!State.variables.characterTransformations[charName]) { State.variables.characterTransformations[charName] = { panties: false, bra: false, face: false, body: false, clothes: false, hair: false, makeup: false }; } State.variables.characterTransformations[charName][bodyPart] = !State.variables.characterTransformations[charName][bodyPart]; $(this).text(State.variables.characterTransformations[charName][bodyPart] ? '✅' : '❌'); } }); // Load initial state loadFoldState(); // Initialize floating effects system if (typeof window.FloatingEffects === 'undefined') { window.FloatingEffects = { addEffect: function(characterName, auraType, chibiModel, options = {}) { const character = characterName.toLowerCase(); if (!State.variables.floatingEffects) { State.variables.floatingEffects = {}; } State.variables.floatingEffects[character] = { aura: auraType, chibi: chibiModel, intensity: options.intensity || 'normal', // weak, normal, strong, intense radius: options.radius || 1.0, // multiplier for base radius opacity: options.opacity || 1.0, // multiplier for base opacity speed: options.speed || 1.0 // multiplier for animation speed }; this.refreshEffects(); }, removeEffect: function(characterName) { const character = characterName.toLowerCase(); if (State.variables.floatingEffects) { delete State.variables.floatingEffects[character]; } this.refreshEffects(); }, clearAll: function() { State.variables.floatingEffects = {}; this.refreshEffects(); }, refreshEffects: function() { const effectsGrid = $('#sidebar-effects-grid'); effectsGrid.empty(); if (!State.variables.floatingEffects || Object.keys(State.variables.floatingEffects).length === 0) { $('#character-effects-overlay').hide(); return; } $('#character-effects-overlay').show(); for (const [character, effects] of Object.entries(State.variables.floatingEffects)) { const characterDisplayName = character.charAt(0).toUpperCase() + character.slice(1); const portraitPath = `images/${characterDisplayName}/face.webp`; // Build class list for dynamic styling let classes = 'floating-effect-item'; if (effects.aura) { classes += ` aura-${effects.aura}`; } if (effects.intensity && effects.intensity !== 'normal') { classes += ` intensity-${effects.intensity}`; } // Calculate dynamic CSS custom properties const radius = effects.radius || 1.0; const opacity = effects.opacity || 1.0; const speed = effects.speed || 1.0; const baseRadius1 = 15, baseRadius2 = 30; const peakRadius1 = 25, peakRadius2 = 40; const baseOpacity1 = 0.8, baseOpacity2 = 0.4; const peakOpacity1 = 1.0, peakOpacity2 = 0.6; const customProperties = ` --aura-radius-1: ${Math.round(baseRadius1 * radius)}px; --aura-radius-2: ${Math.round(baseRadius2 * radius)}px; --aura-radius-1-peak: ${Math.round(peakRadius1 * radius)}px; --aura-radius-2-peak: ${Math.round(peakRadius2 * radius)}px; --aura-opacity-1: ${(baseOpacity1 * opacity).toFixed(2)}; --aura-opacity-2: ${(baseOpacity2 * opacity).toFixed(2)}; --aura-opacity-1-peak: ${(peakOpacity1 * opacity).toFixed(2)}; --aura-opacity-2-peak: ${(peakOpacity2 * opacity).toFixed(2)}; --aura-speed: ${(2 / speed).toFixed(1)}s; `; let effectHtml = ` <div class="${classes}" data-character="${character}" style="${customProperties}"> <img src="${portraitPath}" class="effect-portrait" alt="${characterDisplayName}" style="animation-duration: var(--aura-speed);"> <div class="effect-name">${characterDisplayName}</div> `; if (effects.chibi) { if (effects.chibi.includes('.webp') || effects.chibi.includes('.png') || effects.chibi.includes('.jpg')) { effectHtml += `<div class="effect-chibi"><img src="${effects.chibi}" alt="chibi"></div>`; } else { effectHtml += `<div class="effect-chibi">${effects.chibi}</div>`; } } effectHtml += '</div>'; effectsGrid.append(effectHtml); } } }; } // Refresh effects on page load if (window.FloatingEffects) { window.FloatingEffects.refreshEffects(); } }); <</script>> <<widget "addFloatingEffect">> <<run // $args[0] = character name, $args[1] = aura type, $args[2] = chibi model // $args[3] = options object: {intensity, radius, opacity, speed} const options = $args[3] || {}; if (window.FloatingEffects) { window.FloatingEffects.addEffect($args[0], $args[1], $args[2], options); } else { $(document).ready(function() { if (window.FloatingEffects) { window.FloatingEffects.addEffect($args[0], $args[1], $args[2], options); } }); } >> <</widget>> <<widget "removeFloatingEffect">> <<run if (window.FloatingEffects) { window.FloatingEffects.removeEffect($args[0]); } else { $(document).ready(function() { if (window.FloatingEffects) { window.FloatingEffects.removeEffect($args[0]); } }); } >> <</widget>> <<widget "clearFloatingEffects">> <<run if (window.FloatingEffects) { window.FloatingEffects.clearAll(); } else { $(document).ready(function() { if (window.FloatingEffects) { window.FloatingEffects.clearAll(); } }); } >> <</widget>>

<<if $soulForgeData.isUnlocked>> <div class="soul-forge-container"> <div class="soul-forge-header"> <h2>⚒️ Soul Forge</h2> <div class="forge-level">Level: <<print SoulForgeSystem.currentSoulForgeLevel>></div> </div> <div class="resources-panel"> <h3>📊 Resources</h3> <div class="crystal-display"> <div class="crystal joy">Joy Crystals: <<print $soulForgeData.collectedCrystals.joy>></div> <div class="crystal valor">Valor Crystals: <<print $soulForgeData.collectedCrystals.valor>></div> <div class="crystal bond">Bond Crystals: <<print $soulForgeData.collectedCrystals.bond>></div> <div class="crystal sorrow">Sorrow Crystals: <<print $soulForgeData.collectedCrystals.sorrow>></div> </div> <div class="essence-display"> Soul Essence: <<print $soulForgeData.soulEssence>> </div> </div> <div class="equipment-panel"> <h3>🗡️ Equipment</h3> <div class="equipment-list"> <<for _equip range Object.keys(State.variables.equipmentSouls)>> <div class="equipment-item"> <div class="equip-name"><<print _equip>></div> <div class="attunement">Level: <<print State.variables.equipmentSouls[_equip].attunementLevel>></div> <div class="channels"> Emotional: <<print State.variables.equipmentSouls[_equip].resonanceChannels.emotional>><br> Combat: <<print State.variables.equipmentSouls[_equip].resonanceChannels.combat>><br> Memory: <<print State.variables.equipmentSouls[_equip].resonanceChannels.memory>><br> Spirit: <<print State.variables.equipmentSouls[_equip].resonanceChannels.spirit>> </div> </div> <</for>> </div> </div> <div class="crafting-panel"> <h3>🔨 Crafting</h3> <div class="crafting-options"> <button class="forge-btn" onclick="SoulForgeSystem.soulForgeCrafting.showCraftingMenu()">Begin Forging</button> <button class="attune-btn" onclick="SoulForgeSystem.equipmentSouls.showAttuneMenu()">Attune Equipment</button> <button class="evolve-btn" onclick="SoulForgeSystem.equipmentSouls.showEvolutionMenu()">Evolution Paths</button> </div> </div> </div> <style> .soul-forge-container { background: rgba(0, 0, 0, 0.8); padding: 20px; border-radius: 10px; color: #fff; } .soul-forge-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .resources-panel { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; margin-bottom: 20px; } .crystal-display { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 10px; } .crystal { padding: 8px; border-radius: 5px; text-align: center; } .joy { background: rgba(255, 215, 0, 0.2); } .valor { background: rgba(255, 0, 0, 0.2); } .bond { background: rgba(0, 191, 255, 0.2); } .sorrow { background: rgba(138, 43, 226, 0.2); } .equipment-panel { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; margin-bottom: 20px; } .equipment-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 10px; } .equipment-item { background: rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 5px; } .crafting-panel { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; } .crafting-options { display: flex; gap: 10px; margin-top: 10px; } .crafting-options button { background: rgba(255, 255, 255, 0.2); border: none; padding: 10px 20px; border-radius: 5px; color: #fff; cursor: pointer; transition: background 0.3s; } .crafting-options button:hover { background: rgba(255, 255, 255, 0.3); } </style> <<else>> <div class="locked-content"> <h3>🔒 Soul Forge</h3> <p>This ancient power has not yet been discovered...</p> </div> <</if>>

<div class="guide-container"> <h2>🌟 Soul System & Dynamic Rolls Guide</h2> <div class="guide-section"> <h3>📊 Dynamic Stat Changes (Auto Soul Bonuses)</h3> <p>These macros automatically apply soul bonuses and track changes:</p> <div class="code-example"> <strong>Lust Changes:</strong> <code><<changeLust "Rylan" 5>></code> • Applies lustGainBonus from soul effects • Auto-tracks the change in StatSummary </div> <div class="code-example"> <strong>Affection Changes:</strong> <code><<changeAffection "Rylan" "Liora" 2>></code> • Applies affectionBonus from soul effects • Auto-tracks the change </div> <div class="code-example"> <strong>Attraction Changes:</strong> <code><<changeAttraction "Rylan" "Serin" 1>></code> • Applies attractionToOthers from soul effects • Auto-tracks the change </div> <div class="code-example"> <strong>Fetish Changes:</strong> <code><<changeFetish "Rylan" "feetFetish" 0.2>></code> • Applies fetishGainBonus from soul effects • Auto-tracks the change </div> <div class="code-example"> <strong>Combat Stat Changes:</strong> <code><<changeCombatStat "Rylan" "physicalPower" 1>></code> • Applies relevant bonuses (damageBonus, etc.) • Auto-tracks the change </div> </div> <div class="guide-section"> <h3>🎲 Dynamic Fetish Rolls (Giver-Receiver System)</h3> <div class="code-example"> <strong>Full Fetish Roll:</strong> <code><<fetishRoll "Rylan" "feetFetish" "Nimeria" 35 0.2 -10 -5>></code> Parameters: receiver, fetishType, giver, baseThreshold, baseGain, lustMod, corruptionMod <strong>How it works:</strong> • <strong>Receiver</strong>: Gets fetish development, resistance affected by their fetishes/corruption • <strong>Giver</strong>: Their bonuses make the trigger more effective • <strong>Related Fetishes</strong>: Receiver's related fetishes lower resistance • <strong>Cross-Development</strong>: Related fetishes also gain 30% of main gain Results stored in: • <code>_fetishRoll</code> - The dice roll (1-100) • <code>_fetishThreshold</code> - Final threshold after all modifiers • <code>_fetishSuccess</code> - true if roll succeeded (failed resistance) • <code>_fetishGain</code> - Amount of primary fetish gained • <code>_fetishGiver</code> - The character causing the trigger • <code>_fetishReceiver</code> - The character being affected </div> <div class="code-example"> <strong>Quick Fetish Roll:</strong> <code><<quickFetishRoll "Rylan" "feetFetish" "Nimeria" 0.1>></code> • Automatically calculates lust/corruption modifiers • Uses standard threshold of 35 • Same result variables as above </div> <div class="code-example"> <strong>Usage Examples:</strong> <strong>Smelly Feet Scenario:</strong> <code> <<quickFetishRoll "Rylan" "feetFetish" "Nimeria" 0.2>> <<if _fetishSuccess>> <span class="dialog-rylan">"The smell... I can't resist..."</span> <em>Nimeria's intoxicating scent overwhelms Rylan's resistance. Her pheromone bonuses make it harder to resist.</em> <em>Rylan gains feet fetish AND smell fetish development!</em> <<else>> <span class="dialog-rylan">"I need fresh air..."</span> <em>Rylan manages to resist this time.</em> <</if>> </code> <strong>No Giver (Environmental):</strong> <code> <<quickFetishRoll "Rylan" "feetFetish" null 0.1>> <<if _fetishSuccess>> <em>Rylan notices the discarded shoes and can't help but stare...</em> <</if>> </code> </div> </div> <div class="guide-section"> <h3>💢 Dynamic Lust Rolls</h3> <div class="code-example"> <strong>Lust Roll:</strong> <code><<lustRoll "Rylan" 8 60>></code> Parameters: character, baseAmount, threshold Results stored in: • <code>_lustRoll</code> - The dice roll (1-100) • <code>_lustThreshold</code> - Final threshold after soul bonuses • <code>_lustSuccess</code> - true if roll succeeded (gained lust) • <code>_lustGain</code> - Amount of lust gained (0 if resisted) </div> </div> <div class="guide-section"> <h3>👹 Demon Influence System</h3> <div class="code-example"> <strong>Demon Influence Roll:</strong> <code><<demonInfluenceRoll "Seryk" "Rylan" "lust" 5 65>></code> Parameters: demonChar, targetChar, influenceType, baseAmount, threshold Influence Types: • <code>lust</code> - Increases target's lust • <code>submission</code> - Makes target more submissive • <code>pheromone</code> - Pheromone-based attraction • <code>corruption</code> - Spreads corruption to target Results stored in: • <code>_demonInfluenceRoll</code> - The dice roll (1-100) • <code>_demonInfluenceThreshold</code> - Final threshold after bonuses • <code>_demonInfluenceSuccess</code> - true if influence succeeded • <code>_demonInfluenceAmount</code> - Amount of effect applied </div> <div class="code-example"> <strong>Usage Example:</strong> <code> <<demonInfluenceRoll "Seryk" "Liora" "lust" 3 70>> <<if _demonInfluenceSuccess>> <span class="dialog-liora">"Why do I feel so... strange around him?"</span> <em>Seryk's presence affects Liora, making her more aroused. (+<<print _demonInfluenceAmount>> Lust)</em> <<else>> <em>Liora manages to resist Seryk's influence this time.</em> <</if>> </code> </div> </div> <div class="guide-section"> <h3>🔮 Character-Specific Soul Effects</h3> <div class="effect-list"> <strong>Human Corruption (Submissive Path):</strong> • <span class="corruption">Submissive Urges</span> - Dominance resistance -5% • <span class="corruption">Needy Body</span> - Touch sensitivity +5% • <span class="corruption">Obedient Nature</span> - Command resistance -5% • <span class="corruption">Eager to Please</span> - Service fetish gains +0.05 • <span class="corruption">Weak Boundaries</span> - Personal space resistance -5% • <span class="corruption">People Pleaser</span> - Refusal difficulty +5% <strong>Demon Corruption (Dominant Path):</strong> • <span class="corruption">Dominant Aura</span> - Others' submission +5% • <span class="corruption">Potent Essence</span> - Cum production +5% • <span class="corruption">Seductive Presence</span> - Others' lust gain +5% • <span class="corruption">Intoxicating Scent</span> - Pheromone effect +5% • <span class="corruption">Master's Will</span> - Command success +5% • <span class="corruption">Harem Builder</span> - Multiple attraction +5% <strong>Universal Blessing Effects:</strong> • <span class="blessing">Pure Heart</span> - Affection gains +5% • <span class="blessing">Noble Soul</span> - Loyalty bonus +5% • <span class="blessing">Divine Strength</span> - Physical damage +5% • <span class="blessing">Sacred Recovery</span> - HP regeneration +3 per turn </div> </div> <div class="guide-section"> <h3>⚡ Migration from Old System</h3> <div class="migration-example"> <strong>OLD WAY:</strong> <code> <<set _roll = random(1, 100)>> <<set _threshold = 35 + Math.floor($rylan_feetFetish / 10) * 5>> <<if _roll <= _threshold>> <<set $rylan_feetFetish += 0.2>> <<trackFetish "Rylan" "feetFetish" 0.2>> <</if>> </code> <strong>NEW WAY:</strong> <code> <<quickFetishRoll "Rylan" "feetFetish" 0.2>> <<if _fetishSuccess>> Content for failed resistance... <</if>> </code> </div> </div> <div class="guide-section"> <h3>🎯 Best Practices</h3> <ul> <li><strong>Use quickFetishRoll</strong> for most situations - it handles modifiers automatically</li> <li><strong>Use fetishRoll</strong> when you need custom lust/corruption modifiers</li> <li><strong>Always check _fetishSuccess</strong> before writing reaction content</li> <li><strong>Use changeFetish</strong> for guaranteed gains (no roll needed)</li> <li><strong>Soul bonuses stack</strong> - multiple effects of same type add together</li> <li><strong>Corruption makes characters weaker</strong> to temptation over time</li> <li><strong>Blessing effects help resist</strong> but are fewer in number</li> </ul> </div> </div> <style> .guide-container { max-width: 800px; margin: 0 auto; padding: 20px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 15px; color: #e0e0e0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .guide-section { margin-bottom: 30px; padding: 20px; background: rgba(255, 255, 255, 0.05); border-radius: 10px; border-left: 4px solid #4a9eff; } .guide-section h3 { color: #4a9eff; margin-top: 0; font-size: 1.3em; } .code-example { background: rgba(0, 0, 0, 0.3); padding: 15px; border-radius: 8px; margin: 10px 0; border-left: 3px solid #00ff88; } .code-example code { background: rgba(0, 255, 136, 0.1); padding: 2px 6px; border-radius: 4px; font-family: 'Courier New', monospace; color: #00ff88; } .migration-example { background: rgba(255, 165, 0, 0.1); padding: 15px; border-radius: 8px; border-left: 3px solid #ffa500; } .effect-list { background: rgba(138, 43, 226, 0.1); padding: 15px; border-radius: 8px; border-left: 3px solid #8a2be2; } .blessing { color: #ffd700; font-weight: bold; } .corruption { color: #ff6b6b; font-weight: bold; } .guide-section ul { padding-left: 20px; } .guide-section li { margin-bottom: 8px; line-height: 1.4; } </style>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h2>🧪 Soul System Test Chamber</h2> <div class="test-container"> <div class="test-section"> <h3>Current Soul Status</h3> <<soulDisplay "Rylan">> </div> <div class="test-section"> <h3>🎲 Test Giver-Receiver Fetish Roll</h3> <p>Testing Nimeria's smelly feet affecting Rylan (giver-receiver mechanics):</p> <<quickFetishRoll "Rylan" "feetFetish" "Nimeria" 0.2>> <div class="roll-results"> <strong>Giver-Receiver Roll Results:</strong> • Receiver: <<print _fetishReceiver>> (gets the fetish development) • Giver: <<if _fetishGiver>><<print _fetishGiver>> (provides bonuses)<<else>>None (environmental trigger)<</if>> • Dice Roll: <<print _fetishRoll>> • Threshold: <<print _fetishThreshold>> • Success: <<if _fetishSuccess>>✅ Failed to resist<<else>>❌ Resisted<</if>> <<if _fetishSuccess>>• Primary Fetish Gain: +<<print _fetishGain.toFixed(2)>> Feet Fetish • Related Fetish Gains: +<<print (_fetishGain * 0.3).toFixed(2)>> Smell & Submission Fetish<</if>> </div> <<if _fetishSuccess>> <div class="success-result"> <span class="dialog-nimeria">"Oh my, you seem quite... focused on my feet."</span> <span class="dialog-rylan">"The smell... I can't... why can't I look away?"</span> <em>Nimeria's intoxicating pheromones overwhelm Rylan's resistance. Her demonic scent makes it impossible to resist, developing both his feet fetish AND smell fetish simultaneously!</em> </div> <<else>> <div class="resist-result"> <span class="dialog-rylan">"I need to focus on something else."</span> <em>Despite Nimeria's influence, Rylan manages to resist this time.</em> </div> <</if>> <p><strong>How Giver-Receiver Works:</strong></p> <ul> <li>✅ Nimeria's pheromone bonuses lower Rylan's resistance</li> <li>✅ Rylan's existing smell fetish makes feet fetish easier to develop</li> <li>✅ Related fetishes (smell, submission) also develop</li> <li>✅ Demons naturally become better at corrupting humans</li> </ul> </div> <div class="test-section"> <h3>💢 Test Lust Roll</h3> <p>Testing lust gain with soul bonuses:</p> <<lustRoll "Rylan" 8 60>> <div class="roll-results"> <strong>Lust Roll Results:</strong> • Dice Roll: <<print _lustRoll>> • Threshold: <<print _lustThreshold>> • Success: <<if _lustSuccess>>✅ Gained lust<<else>>❌ No lust gain<</if>> <<if _lustSuccess>>• Lust Gain: +<<print _lustGain>><</if>> </div> <<if _lustSuccess>> <div class="success-result"> <span class="dialog-rylan">"Why do I feel so... warm?"</span> <em>Heat spreads through Rylan's body as his arousal builds.</em> </div> <<else>> <div class="resist-result"> <span class="dialog-rylan">"I'm keeping my composure."</span> <em>Rylan remains calm and collected.</em> </div> <</if>> </div> <div class="test-section"> <h3>⚡ Test Dynamic Stat Changes</h3> <p>Testing the new unified stat change system:</p> [[Test Affection Gain|TestAffectionGain]] [[Test Fetish Gain|TestFetishGain]] [[Test Lust Gain|TestLustGain]] [[Test Demon Influence|TestDemonInfluence]] </div> <div class="test-section"> <h3>🔮 Add Soul Effects for Testing</h3> <p>Add some soul effects to see how they change the rolls:</p> [[Add Soul Blessing|TestAddBlessing]] [[Add Soul Corruption|TestAddCorruption]] </div> <div class="test-section"> <h3>📖 Documentation</h3> [[View Soul System Guide|SoulSystemGuide]] [[Return to Main Story|Start]] </div> </div> <<statSummary>> <<changeFace $currentRylanFace>> <style> .test-container { max-width: 700px; margin: 0 auto; padding: 20px; } .test-section { background: rgba(255, 255, 255, 0.05); padding: 20px; margin: 15px 0; border-radius: 10px; border-left: 4px solid #4a9eff; } .test-section h3 { color: #4a9eff; margin-top: 0; } .roll-results { background: rgba(0, 0, 0, 0.3); padding: 15px; border-radius: 8px; margin: 10px 0; border-left: 3px solid #00ff88; font-family: monospace; } .success-result { background: rgba(255, 100, 100, 0.2); padding: 15px; border-radius: 8px; margin: 10px 0; border-left: 3px solid #ff6464; } .resist-result { background: rgba(100, 255, 100, 0.2); padding: 15px; border-radius: 8px; margin: 10px 0; border-left: 3px solid #64ff64; } </style>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Testing Affection Gain with Soul Bonuses</h3> <p>Using the new dynamic system:</p> <<changeAffection "Rylan" "Liora" 2>> <div class="test-result"> <span class="dialog-rylan">"Liora always makes me feel better..."</span> <em>Rylan's feelings for Liora grow stronger. His pure heart amplifies the emotional connection.</em> </div> <p>The system automatically:</p> <ul> <li>✅ Applied soul bonuses (Pure Heart blessing if you have it)</li> <li>✅ Updated the affection variable</li> <li>✅ Tracked the change for the stat summary</li> </ul> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Testing Fetish Gain with Soul Bonuses</h3> <p>Using the new dynamic system for guaranteed fetish gain:</p> <<changeFetish "Rylan" "feetFetish" 0.3>> <div class="test-result"> <span class="dialog-rylan">"I keep thinking about... feet..."</span> <em>Rylan's interest in feet grows stronger. His corrupted desires amplify the development.</em> </div> <p>The system automatically:</p> <ul> <li>✅ Applied soul bonuses (Corrupted Desires if you have it)</li> <li>✅ Updated the fetish variable</li> <li>✅ Tracked the change for the stat summary</li> </ul> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Testing Lust Gain with Soul Bonuses</h3> <p>Using the new dynamic system:</p> <<changeLust "Rylan" 10>> <div class="test-result"> <span class="dialog-rylan">"I'm feeling... heated..."</span> <em>Arousal builds within Rylan. His lustful thoughts amplify the sensation.</em> </div> <p>The system automatically:</p> <ul> <li>✅ Applied soul bonuses (Lustful Thoughts if you have it)</li> <li>✅ Updated the lust variable</li> <li>✅ Tracked the change for the stat summary</li> </ul> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Adding Soul Blessing</h3> <<addSoulBlessing "Rylan" 1>> <div class="blessing-showcase"> <div class="blessing-aura"> <div class="blessing-particles"></div> <div class="blessing-text"> <h2>✨ SOUL BLESSING AWAKENED ✨</h2> <p>Divine power flows through Rylan's soul...</p> </div> </div> </div> <p>A random blessing effect has been added! Check your soul display to see what you received.</p> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Adding Soul Corruption</h3> <<addSoulCorruption "Rylan" 1>> <div class="corruption-showcase"> <div class="corruption-aura"> <div class="corruption-shadows"></div> <div class="corruption-text"> <h2>🌑 SOUL CORRUPTION SPREADS 🌑</h2> <p>Dark power seeps into Rylan's soul...</p> </div> </div> </div> <p>A random corruption effect has been added! Check your soul display to see what twisted power you've gained.</p> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('falseutopia.mp3');<</script>> <h3>Testing Demon Influence System</h3> <p>Testing how Seryk's corruption affects others around him:</p> <<demonInfluenceRoll "Seryk" "Rylan" "lust" 5 65>> <div class="roll-results"> <strong>Demon Influence Results:</strong> • Dice Roll: <<print _demonInfluenceRoll>> • Threshold: <<print _demonInfluenceThreshold>> • Success: <<if _demonInfluenceSuccess>>✅ Influence successful<<else>>❌ Resisted influence<</if>> <<if _demonInfluenceSuccess>>• Effect: +<<print _demonInfluenceAmount>> Lust to Rylan<</if>> </div> <<if _demonInfluenceSuccess>> <div class="success-result"> <span class="dialog-seryk">"You're looking a bit flushed there, bro."</span> <span class="dialog-rylan">"I... why do I feel so warm around you?"</span> <em>Seryk's demonic presence affects Rylan, his corrupted aura making the human more susceptible to arousal.</em> </div> <<else>> <div class="resist-result"> <span class="dialog-rylan">"I'm fine, just focused on training."</span> <em>Rylan manages to resist Seryk's influence this time.</em> </div> <</if>> <p>The system automatically:</p> <ul> <li>✅ Checked Seryk's demon influence bonuses (Seductive Presence, etc.)</li> <li>✅ Checked Rylan's vulnerability (Submissive Urges, etc.)</li> <li>✅ Applied the influence if successful</li> <li>✅ Tracked the change for the stat summary</li> </ul> <p><strong>How Demon Influence Works:</strong></p> <ul> <li>Demons with corruption get influence bonuses</li> <li>Humans with corruption become more vulnerable</li> <li>Effects include lust gain, submission, corruption spread</li> <li>Creates natural NTR progression as demons corrupt humans</li> </ul> [[Continue Testing|SoulSystemTest]] <<statSummary>> <<changeFace $currentRylanFace>>

<<script>>window.AudioSystem.playBGM('start1.mp3');<</script>> <b>⚠️ IMPORTANT DISCLAIMER AND CONTENT WARNING ⚠️</b> This is a work of pure fiction. All characters depicted are fictional and 18 years of age or older. The story, characters, places, and incidents portrayed are entirely fictional and not intended to represent any real persons, living or dead, or actual places or events. <b>Please Note:</b> - This game contains extreme adult content and explicit scenes - All characters and situations are fictional fantasy - All characters depicted are 18+ years or older - No real persons or events are depicted - This work is intended for mature audiences only - The actions depicted should not be attempted in real life - Do not attempt to recreate combat scenarios or weapon use - Fantasy elements (magic, monsters, etc.) are purely fictional Remember: What happens in fantasy should stay in fantasy. Don't try hunting goblins with swords or practicing magic in real life! Welcome to Bonds Defiled... <center><img src="images/titlebondsdefiled.webp" alt="Game Title Screen" width="600"></center> Before you proceed... This game contains adult themes including: - <b>Corruption</b>: The slow transformation of values, trust, and boundaries. - <b>NTR (Netorare)</b>: Infidelity, manipulation, and emotional betrayal. (Avoidable) - <b>Addiction & Obsession</b>: Cravings that spiral out of control. - <b>Sensory Fetishes</b>: Including smell, feet, and other taboo fascinations. This is a dark, psychological, and explicit experience. It explores the limits of morality, control, and personal choice. Every scene is fictional and intended strictly for mature audiences. <b>Are you 18 years or older</b> (or the legal age of consent in your jurisdiction) and willing to engage with explicit adult content? [[Yes, I am of age and wish to continue.|AuthorNote]] [[No, I do not consent.|Exit]] [[📖 View Game Guide|Guide]]

<<cacheaudio "attack" "audio/attack.mp3">> <<cacheaudio "heal" "sounds/heal.mp3">> <<cacheaudio "forest_bgm" "music/forestofthebeginning.mp3">> <<set $metMariel = false>> <<set $metThalor = false>> <<set $metLiora = false>> <<set $metSerin = false>> <<set $metSeryk = false>> <<set $metNimeria = false>> <<set $rylanRomanceMariel = false>> <<set $marielTransformationMother = false>> <<set $humanTransformationFeminine = false>> <<set $lesbianContentEnabled = false>> <<set $nimeriaxrylancontent = false>> <<set $gold to 0>> <<set $goldHistory to []>> /* Track gold gains/losses */ <<set $crystals to 5>> /* Mana crystals for special abilities */ <<set $currentFace = null>> <<script>> Macro.add('changeFace', { handler: function() { if (this.args.length < 1) { return this.error('changeFace macro requires a face parameter'); } // Update character faces based on current stages first if (window.updateCharacterFaces) { window.updateCharacterFaces(); } State.variables.currentFace = this.args[0]; setPageElement('portraitContainer', 'StoryLeftSidebar'); } }); Macro.add('fixLust', { handler: function() { const characters = ['rylan', 'mariel', 'thalor', 'liora', 'serin', 'seryk', 'nimeria']; characters.forEach(char => { const lustVar = `${char}_Lust`; if (State.variables[lustVar] !== undefined && State.variables[lustVar] > 100) { console.log(`Manual fix: ${lustVar} from ${State.variables[lustVar]} to 100`); State.variables[lustVar] = 100; } }); console.log('Manual lust fix completed'); } }); // Keyboard Choice Selection System // - 'c' key: ONLY for single choice passages (no multiple choices) // - '1' key: Works for BOTH single and multiple choice passages (always selects first option) // - Number keys (2,3,4...): ONLY for multiple choice passages (2+ choices) window.KeyboardChoiceSystem = { isHandling: false, boundHandler: null, init: function() { // Only initialize once if (this.boundHandler) return; // Create bound handler once and store reference this.boundHandler = this.handleKeypress.bind(this); document.addEventListener('keydown', this.boundHandler); }, handleKeypress: function(event) { // Prevent multiple rapid calls if (this.isHandling) return; // Only handle if not typing in an input field if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') { return; } const key = event.key.toLowerCase(); const links = document.querySelectorAll('a[data-passage]'); if (!links.length) return; // Handle 'c' for Continue - ONLY for single choice passages if (key === 'c') { if (links.length === 1) { this.isHandling = true; event.preventDefault(); // Add small delay to prevent rapid firing setTimeout(() => { links[0].click(); // Reset handling flag after passage transition setTimeout(() => { this.isHandling = false; }, 100); }, 50); return; } } // Handle numbered choices (1, 2, 3, etc.) const numberKey = parseInt(key); if (numberKey >= 1 && numberKey <= 9) { // Key "1" works for both single and multiple choice passages if (numberKey === 1 && links.length >= 1) { this.isHandling = true; event.preventDefault(); // Add small delay to prevent rapid firing setTimeout(() => { links[0].click(); // Always click first link for "1" key // Reset handling flag after passage transition setTimeout(() => { this.isHandling = false; }, 100); }, 50); return; } // Keys "2", "3", etc. only work for multiple choice passages else if (numberKey >= 2 && links.length >= 2 && numberKey <= links.length) { this.isHandling = true; event.preventDefault(); // Add small delay to prevent rapid firing setTimeout(() => { links[numberKey - 1].click(); // Reset handling flag after passage transition setTimeout(() => { this.isHandling = false; }, 100); }, 50); return; } } } }; // Initialize the system once when the page loads $(document).ready(function() { window.KeyboardChoiceSystem.init(); }); //keyboard end 'c' // Add macro for updating character stages Macro.add('setCharacterStage', { handler: function() { if (this.args.length < 2) { return this.error('setCharacterStage macro requires character and stage parameters'); } const character = this.args[0].toLowerCase(); const stage = parseInt(this.args[1]); if (!State.variables.characterStages) { State.variables.characterStages = { mariel: 1, liora: 1, serin: 1, rylan: 1, seryk: 1, nimeria: 1, thalor: 1 }; } State.variables.characterStages[character] = stage; if (window.updateCharacterFaces) { window.updateCharacterFaces(); } } }); // Add macro for setting specific character transformations Macro.add('setTransformation', { handler: function() { if (this.args.length < 3) { return this.error('setTransformation macro requires character, bodyPart, and value parameters'); } const character = this.args[0].toLowerCase(); const bodyPart = this.args[1]; const value = this.args[2]; if (!State.variables.characterTransformations) { State.variables.characterTransformations = { rylan: { panties: false, bra: false, face: false, body: false, clothes: false, hair: false, makeup: false } }; } if (!State.variables.characterTransformations[character]) { State.variables.characterTransformations[character] = { panties: false, bra: false, face: false, body: false, clothes: false, hair: false, makeup: false }; } State.variables.characterTransformations[character][bodyPart] = value; if (window.updateCharacterFaces) { window.updateCharacterFaces(); } } }); // Legacy macro for backwards compatibility Macro.add('setCharacterTransformation', { handler: function() { if (this.args.length < 3) { return this.error('setCharacterTransformation macro requires character, type, and level parameters'); } // For now, just log that this is deprecated console.log('setCharacterTransformation is deprecated, use setTransformation instead'); } }); <</script>> /* Character Stage System */ <<set $characterStages = { mariel: 1, liora: 1, serin: 1, rylan: 1, seryk: 1, nimeria: 1, thalor: 1 }>> /* Character Transformation Tracking System */ <<set $characterTransformations = { rylan: { panties: false, // true = uses feminine panties bra: false, // true = uses feminine bra face: false, // true = uses feminine face body: false, // true = uses feminine body clothes: false, // true = uses feminine clothes hair: false, // true = uses feminine hair makeup: false // true = uses makeup variants } }>> /* Backwards Compatibility for Old Saves */ <<if $rylan_wearingPanties === true>> <<if not $characterTransformations>> <<set $characterTransformations = { rylan: { panties: true, bra: false, face: false, body: false, clothes: false, hair: false, makeup: false } }>> <<elseif not $characterTransformations.rylan>> <<set $characterTransformations.rylan = { panties: true, bra: false, face: false, body: false, clothes: false, hair: false, makeup: false }>> <<elseif $characterTransformations.rylan.panties === false>> <<set $characterTransformations.rylan.panties = true>> <</if>> <</if>> /* Character Faces - Dynamic based on stages */ <<script>> // Function to get specific image path based on transformation state window.getTransformedImagePath = function(character, imageType, isWet = false) { const charLower = character.toLowerCase(); const transformations = State.variables.characterTransformations; // Initialize transformations if not present (backwards compatibility) if (!transformations || !transformations[charLower]) { // Check for legacy variable for backwards compatibility if (charLower === 'rylan' && State.variables.rylan_wearingPanties === true && imageType.toLowerCase() === 'panties') { return `images/${charLower}/femalestage1/${imageType.toLowerCase()}${isWet ? 'wet' : ''}.webp`; } // Use default path return `images/${charLower}/${imageType}${isWet ? 'wet' : ''}.webp`; } const charTransforms = transformations[charLower]; let basePath = `images/${charLower}/`; let fileName = imageType.toLowerCase(); // Check specific transformations for each image type switch(imageType.toLowerCase()) { case 'panties': if (charTransforms.panties || (charLower === 'rylan' && State.variables.rylan_wearingPanties === true)) { basePath += 'femalestage1/'; } break; case 'bra': if (charTransforms.bra) { basePath += 'femalestage1/'; } break; case 'face': if (charTransforms.face) { basePath += 'femalestage1/'; } break; case 'body': case 'naked': if (charTransforms.body) { basePath += 'femalestage1/'; } break; case 'clothes': if (charTransforms.clothes) { basePath += 'femalestage1/'; } break; case 'legwear': // No transformation for legwear currently, use default break; default: // For other images, use default path break; } return `${basePath}${fileName}${isWet ? 'wet' : ''}.webp`; }; // Legacy function for backwards compatibility - now just returns empty for gradual system window.getCharacterTransformationPath = function(character) { return ''; }; // Function to update face paths based on character stages window.updateCharacterFaces = function() { const stages = State.variables.characterStages || {}; // Update face paths based on current stages and transformations const rylanTransformPath = window.getCharacterTransformationPath('rylan'); State.variables.currentRylanFace = rylanTransformPath ? `rylan/${rylantransformpath}face.webp` : (stages.rylan >= 2) ? "rylan/stage2/face.webp" : "rylan/face.webp"; State.variables.currentMarielFace = (stages.mariel >= 2) ? "mariel/stage2/face.webp" : "mariel/face.webp"; State.variables.currentThalorFace = (stages.thalor >= 2) ? "thalor/stage2/face.webp" : "thalor/face.webp"; State.variables.currentLioraFace = (stages.liora >= 2) ? "liora/stage2/face.webp" : "liora/face.webp"; State.variables.currentSerinFace = (stages.serin >= 2) ? "serin/stage2/face.webp" : "serin/face.webp"; State.variables.currentSerykFace = (stages.seryk >= 2) ? "seryk/stage2/face.webp" : "seryk/face.webp"; State.variables.currentNimeriaFace = (stages.nimeria >= 2) ? "nimeria/stage2/face.webp" : "nimeria/face.webp"; }; // Initialize faces window.updateCharacterFaces(); <</script>> /* Dynamic Wardrobe System */ <<set $wardrobe = { Mariel: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Liora: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Serin: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Rylan: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Seryk: { underwearStyle: "normal", specialOutfit: false, outfit: "normal" }, Nimeria: { nailPolish: false, lipstick: false, makeup: "none", underwearStyle: "normal", specialOutfit: false, outfit: "normal" } }>> <<script>> window.WardrobeSystem = { // Get the appropriate image path based on character state getClothingImage: function(character, type, isWet = false) { const wardrobe = State.variables.wardrobe[character] || {}; let imageName = type; // "Bra", "Panties", "Legwear" let basePath = `images/${character}/`; // Check for character transformations first const transformPath = window.getCharacterTransformationPath(character); if (transformPath) { basePath = `images/${character.toLowerCase()}/${transformPath}`; } // Apply outfit modifier (changes base path if needed) else if (wardrobe.outfit && wardrobe.outfit !== "normal") { basePath = `images/${character}/${wardrobe.outfit}/`; } // Apply wetness modifier if (isWet) { imageName += "Wet"; } // Apply wardrobe modifiers let modifiers = []; if (wardrobe.nailPolish && (type === "Legwear" || type === "Panties")) { modifiers.push("RedNails"); } if (wardrobe.lipstick && type === "Bra") { modifiers.push("Lipstick"); } if (wardrobe.makeup !== "none" && wardrobe.makeup) { modifiers.push(wardrobe.makeup); } if (wardrobe.underwearStyle !== "normal") { modifiers.push(wardrobe.underwearStyle); } if (wardrobe.specialOutfit) { modifiers.push("Special"); } // Build final image path if (modifiers.length > 0) { imageName += modifiers.join(""); } return basePath + imageName + ".webp"; }, // Set wardrobe state setWardrobeState: function(character, property, value) { if (!State.variables.wardrobe[character]) { State.variables.wardrobe[character] = {}; } State.variables.wardrobe[character][property] = value; }, // Get wardrobe state getWardrobeState: function(character, property) { return State.variables.wardrobe[character] && State.variables.wardrobe[character][property]; }, // Toggle wardrobe state toggleWardrobeState: function(character, property) { const current = this.getWardrobeState(character, property); this.setWardrobeState(character, property, !current); } }; // Add macro for easy wardrobe management Macro.add('setWardrobe', { handler: function() { if (this.args.length < 3) { return this.error('setWardrobe macro requires character, property, and value'); } const character = this.args[0]; const property = this.args[1]; const value = this.args[2]; window.WardrobeSystem.setWardrobeState(character, property, value); } }); Macro.add('toggleWardrobe', { handler: function() { if (this.args.length < 2) { return this.error('toggleWardrobe macro requires character and property'); } const character = this.args[0]; const property = this.args[1]; window.WardrobeSystem.toggleWardrobeState(character, property); } }); Macro.add('normalizeImagePath', { handler: function() { if (this.args.length < 1) { return this.error('normalizeImagePath macro requires an image path'); } const imagePath = this.args[0]; const normalizedPath = window.ImagePathSystem.normalizeImagePath(imagePath); this.output.wiki(normalizedPath); } }); Macro.add('img', { handler: function() { if (this.args.length < 1) { return this.error('img macro requires an image path'); } const imagePath = this.args[0]; const normalizedPath = window.ImagePathSystem.normalizeImagePath(imagePath); const altText = this.args[1] || ''; const additionalAttrs = this.args[2] || ''; this.output.wiki(`<img src="${normalizedPath}" alt="${altText}" ${additionalAttrs}>`); } }); Macro.add('playLoopingSounds', { handler: function() { if (this.args.length < 1) { return this.error('playLoopingSounds macro requires at least one sound path'); } // Complete audio cleanup function function stopAllLoopingSounds() { if (window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.players) { Object.values(window.AudioSystem.sfx.players).forEach(player => { try { player.pause(); player.currentTime = 0; player.src = ''; } catch(e) {} }); window.AudioSystem.sfx.players = {}; } if (window.currentLoopingSFX) { try { if (Array.isArray(window.currentLoopingSFX)) { window.currentLoopingSFX.forEach(sound => { if (sound) { sound.pause(); sound.currentTime = 0; sound.src = ''; } }); } else { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; } window.currentLoopingSFX = null; } catch(e) {} } // Clean up individual sound references if (window.longmoanSFX) { try { window.longmoanSFX.pause(); window.longmoanSFX.currentTime = 0; window.longmoanSFX.src = ''; window.longmoanSFX = null; } catch(e) {} } if (window.handjobSFX) { try { window.handjobSFX.pause(); window.handjobSFX.currentTime = 0; window.handjobSFX.src = ''; window.handjobSFX = null; } catch(e) {} } document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } catch(e) {} }); } // Stop all existing sounds first stopAllLoopingSounds(); // Start sounds after cleanup setTimeout(function() { // Separate sound paths from volume multiplier let soundPaths = []; let volumeMultiplier = 1.0; // Check if first argument is an array (multiple sounds) if (Array.isArray(this.args[0])) { soundPaths = this.args[0]; volumeMultiplier = this.args[1] || 1.0; } else { // Check if last argument is a number (volume multiplier) const lastArg = this.args[this.args.length - 1]; if (typeof lastArg === 'number' && !isNaN(lastArg)) { soundPaths = this.args.slice(0, -1); // All args except the last one volumeMultiplier = lastArg; } else { soundPaths = this.args; // All args are sound paths } } const sounds = []; // Filter out non-string arguments and create sounds soundPaths.forEach((soundPath, index) => { if (typeof soundPath === 'string') { const sound = new Audio(soundPath); sound.loop = true; // Safe volume calculation with proper fallbacks let baseVolume = 0.5; // Default fallback if (window.AudioSystem && window.AudioSystem.sfx && typeof window.AudioSystem.sfx.volume === 'number') { baseVolume = window.AudioSystem.sfx.volume; } // Ensure volume is a valid number between 0 and 1 const finalVolume = Math.max(0, Math.min(1, baseVolume * volumeMultiplier)); sound.volume = finalVolume; // Safe muted state sound.muted = window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.muted === true; sound.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('Sound failed to play:', e)); }); sound.load(); sounds.push(sound); } }); // Store reference to all sounds for cleanup window.currentLoopingSFX = sounds; }.bind(this), 300); } }); Macro.add('stopLoopingSounds', { handler: function() { if (window.currentLoopingSFX) { try { if (Array.isArray(window.currentLoopingSFX)) { window.currentLoopingSFX.forEach(sound => { if (sound) { sound.pause(); sound.currentTime = 0; sound.src = ''; } }); } else { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; } window.currentLoopingSFX = null; } catch(e) {} } // Also clean up individual sound references if (window.longmoanSFX) { try { window.longmoanSFX.pause(); window.longmoanSFX.currentTime = 0; window.longmoanSFX.src = ''; window.longmoanSFX = null; } catch(e) {} } if (window.handjobSFX) { try { window.handjobSFX.pause(); window.handjobSFX.currentTime = 0; window.handjobSFX.src = ''; window.handjobSFX = null; } catch(e) {} } // Clean up DOM audio elements document.querySelectorAll('audio').forEach(audio => { try { audio.pause(); audio.currentTime = 0; audio.src = ''; audio.parentNode.removeChild(audio); } catch(e) {} }); } }); Macro.add('stopLoopingAndPlay', { handler: function() { if (this.args.length < 1) { return this.error('stopLoopingAndPlay macro requires at least one sound path'); } // Stop all looping sounds first if (window.currentLoopingSFX) { try { if (Array.isArray(window.currentLoopingSFX)) { window.currentLoopingSFX.forEach(sound => { if (sound) { sound.pause(); sound.currentTime = 0; sound.src = ''; } }); } else { window.currentLoopingSFX.pause(); window.currentLoopingSFX.currentTime = 0; window.currentLoopingSFX.src = ''; } window.currentLoopingSFX = null; } catch(e) {} } // Clean up individual sound references if (window.longmoanSFX) { try { window.longmoanSFX.pause(); window.longmoanSFX.currentTime = 0; window.longmoanSFX.src = ''; window.longmoanSFX = null; } catch(e) {} } if (window.handjobSFX) { try { window.handjobSFX.pause(); window.handjobSFX.currentTime = 0; window.handjobSFX.src = ''; window.handjobSFX = null; } catch(e) {} } // Clean up DOM audio elements (but preserve any that match our new sounds) const newSoundPaths = Array.isArray(this.args[0]) ? this.args[0] : this.args; document.querySelectorAll('audio').forEach(audio => { try { // Don't remove audio elements that match our new sounds const shouldPreserve = newSoundPaths.some(soundPath => audio.src && audio.src.includes(soundPath) ); if (!shouldPreserve) { audio.pause(); audio.currentTime = 0; audio.src = ''; if (audio.parentNode) { audio.parentNode.removeChild(audio); } } } catch(e) {} }); // Now play the new one-shot sounds const soundPaths = Array.isArray(this.args[0]) ? this.args[0] : this.args; const volumeMultiplier = typeof this.args[this.args.length - 1] === 'number' ? this.args[this.args.length - 1] : 1.0; // Filter out the volume multiplier if it exists const actualSoundPaths = typeof this.args[this.args.length - 1] === 'number' ? this.args.slice(0, -1) : this.args; setTimeout(function() { actualSoundPaths.forEach((soundPath, index) => { if (typeof soundPath === 'string') { const sound = new Audio(soundPath); sound.loop = false; // One-shot sounds // Safe volume calculation with proper fallbacks let baseVolume = 0.5; // Default fallback if (window.AudioSystem && window.AudioSystem.sfx && typeof window.AudioSystem.sfx.volume === 'number') { baseVolume = window.AudioSystem.sfx.volume; } // Ensure volume is a valid number between 0 and 1 const finalVolume = Math.max(0, Math.min(1, baseVolume * volumeMultiplier)); sound.volume = finalVolume; // Safe muted state sound.muted = window.AudioSystem && window.AudioSystem.sfx && window.AudioSystem.sfx.muted === true; sound.addEventListener('canplaythrough', function() { this.play().catch(e => console.log('Sound failed to play:', e)); }); sound.load(); } }); }, 100); } }); <</script>> /* Combat Paths */ <<set $attackerImage = "nimeria/face.webp">> <<set $AttackType = "Attack">> <<set $Attacker = "Friend">> /* Menu State */ <<set $menuOpen to false>> <<set $characterMenuOpen to false>> <<set $currentTab to "characters">> /* Character Names */ <<set $humanName to "Rylan">> <<set window.$humanName to "Rylan">> /* Relationships */ <<set $marielToHuman to "landlady">> <<set $humanToMariel to "mariel">> <<set $humanIsMariel to "roommate">> <<set $thalorToHuman to "mentor">> <<set $humanToThalor to "sir">> <<set $thalorCallsHuman to "scarce">> <<set $bothToHuman to "guardians">> <<set $householdType to "housemates">> /* Relationship Stats - Rylan */ <<set $rylan_MarielAffection to 200>> <<set $rylan_MarielAttraction to 0>> <<set $rylan_ThalorAffection to 100>> <<set $rylan_ThalorAttraction to -100>> <<set $rylan_LioraAffection to 100>> <<set $rylan_LioraAttraction to 100>> <<set $rylan_SerinAffection to 30>> <<set $rylan_SerinAttraction to 10>> <<set $rylan_SerykAffection to 0>> <<set $rylan_SerykAttraction to -100>> <<set $rylan_NimeriaAffection to 0>> <<set $rylan_NimeriaAttraction to 0>> /* Relationship Stats - Mariel */ <<set $mariel_RylanAffection to 200>> <<set $mariel_RylanAttraction to 0>> <<set $mariel_ThalorAffection to 150>> <<set $mariel_ThalorAttraction to 100>> <<set $mariel_LioraAffection to 40>> <<set $mariel_LioraAttraction to 0>> <<set $mariel_SerinAffection to 40>> <<set $mariel_SerinAttraction to 0>> <<set $mariel_SerykAffection to 0>> <<set $mariel_SerykAttraction to 0>> <<set $mariel_NimeriaAffection to 0>> <<set $mariel_NimeriaAttraction to 0>> /* Relationship Stats - Thalor */ <<set $thalor_RylanAffection to 100>> <<set $thalor_RylanAttraction to -100>> <<set $thalor_MarielAffection to 150>> <<set $thalor_MarielAttraction to 100>> <<set $thalor_LioraAffection to 30>> <<set $thalor_LioraAttraction to 0>> <<set $thalor_SerinAffection to 30>> <<set $thalor_SerinAttraction to 0>> <<set $thalor_SerykAffection to 0>> <<set $thalor_SerykAttraction to -100>> <<set $thalor_NimeriaAffection to 0>> <<set $thalor_NimeriaAttraction to 0>> /* Relationship Stats - Liora */ <<set $liora_RylanAffection to 150>> <<set $liora_RylanAttraction to 50>> <<set $liora_MarielAffection to 100>> <<set $liora_MarielAttraction to 0>> <<set $liora_ThalorAffection to 70>> <<set $liora_ThalorAttraction to 0>> <<set $liora_SerinAffection to 150>> <<set $liora_SerinAttraction to 0>> <<set $liora_SerykAffection to 0>> <<set $liora_SerykAttraction to 0>> <<set $liora_NimeriaAffection to 0>> <<set $liora_NimeriaAttraction to 0>> /* Relationship Stats - Serin */ <<set $serin_RylanAffection to 100>> <<set $serin_RylanAttraction to 70>> <<set $serin_MarielAffection to 70>> <<set $serin_MarielAttraction to 0>> <<set $serin_ThalorAffection to 70>> <<set $serin_ThalorAttraction to 0>> <<set $serin_LioraAffection to 100>> <<set $serin_LioraAttraction to 0>> <<set $serin_SerykAffection to 0>> <<set $serin_SerykAttraction to 0>> <<set $serin_NimeriaAffection to 0>> <<set $serin_NimeriaAttraction to 0>> /* Relationship Stats - Seryk */ <<set $seryk_RylanAffection to 0>> <<set $seryk_RylanAttraction to 0>> <<set $seryk_MarielAffection to 0>> <<set $seryk_MarielAttraction to 0>> <<set $seryk_ThalorAffection to 0>> <<set $seryk_ThalorAttraction to 0>> <<set $seryk_LioraAffection to 0>> <<set $seryk_LioraAttraction to 0>> <<set $seryk_SerinAffection to 0>> <<set $seryk_SerinAttraction to 0>> <<set $seryk_NimeriaAffection to 200>> <<set $seryk_NimeriaAttraction to 0>> /* Relationship Stats - Nimeria */ <<set $nimeria_RylanAffection to 0>> <<set $nimeria_RylanAttraction to 0>> <<set $nimeria_MarielAffection to 0>> <<set $nimeria_MarielAttraction to 0>> <<set $nimeria_ThalorAffection to 0>> <<set $nimeria_ThalorAttraction to 0>> <<set $nimeria_LioraAffection to 0>> <<set $nimeria_LioraAttraction to 0>> <<set $nimeria_SerinAffection to 0>> <<set $nimeria_SerinAttraction to 0>> <<set $nimeria_SerykAffection to 200>> <<set $nimeria_SerykAttraction to 0>> /* Rylan Stats */ <<set $rylan_corruption to 0>> <<set $rylan_masculinity to 70>> <<set $rylan_penisSize to 3>> <<set $rylan_breastSize to 0>> <<set $rylan_assSize to 0>> <<set $rylan_cumAmount to 5>> /* in ml */ <<set $rylan_Lust to 0>> <<set $rylan_wearingPanties to false>> <<set $rylan_wearingSocks to false>> /* Rylan Fetish Stats */ <<set $rylan_GayValue to 0>> <<set $rylan_CumAddiction to 0>> <<set $rylan_CumNeed to 0>> <<set $rylan_FeetFetish to 0>> <<set $rylan_ArmpitFetish to 0>> <<set $rylan_SmellFetish to 0>> <<set $rylan_SalivaFetish to 0>> /* Rylan Sexual Experience */ <<set $rylan_sexualExperience to 0>> <<set $rylan_basicExperience to 0>> <<set $rylan_kissCount to 0>> <<set $rylan_vaginalCount to 0>> <<set $rylan_analDoneCount to 0>> <<set $rylan_analTakenCount to 0>> <<set $rylan_handjobDoneCount to 0>> <<set $rylan_handjobTakenCount to 0>> <<set $rylan_blowjobDoneCount to 0>> <<set $rylan_blowjobTakenCount to 0>> <<set $rylan_footjobDoneCount to 0>> <<set $rylan_footjobTakenCount to 0>> <<set $rylan_boobjobDoneCount to 0>> <<set $rylan_boobjobTakenCount to 0>> <<set $rylan_breastsGotTouched to 0>> <<set $rylan_breastsTouchedOthers to 0>> <<set $rylan_assGotTouched to 0>> <<set $rylan_assTouchedOthers to 0>> <<set $rylan_cumSwallowedAmount to 0>> <<set $rylan_cumTakenInsideCount to 0>> <<set $rylan_cumTakenInsideAmount to 0>> <<set $rylan_cumOnBodyAmount to 0>> <<set $rylan_masturbationCount to 0>> /* Rylan Sensitivity Stats */ <<set $rylan_generalSensitivity to 100>> /* Base 100, can increase/decrease */ <<set $rylan_breastSensitivity to 100>> <<set $rylan_nippleSensitivity to 100>> <<set $rylan_penisSensitivity to 100>> <<set $rylan_analSensitivity to 100>> <<set $rylan_neckSensitivity to 100>> <<set $rylan_earSensitivity to 100>> <<set $rylan_pleasureGain to 100>> /* How much pleasure received */ /* Rylan Mind Control Stats */ <<set $rylan_mindControlResistance to 70>> /* Base resistance to mind control */ <<set $rylan_mindControlSusceptibility to 30>> /* How easily influenced */ <<set $rylan_mentalCorruption to 0>> /* Current mental corruption level */ <<set $rylan_mindBreakProgress to 0>> /* Progress towards mind break (0-100) */ <<set $rylan_suggestionReceptiveness to 30>> /* How well suggestions take hold */ /* Mariel Stats */ <<set $mariel_corruption to 0>> <<set $mariel_breastSize to 4>> <<set $mariel_assSize to 3>> <<set $mariel_vaginaStretched to 2>> <<set $mariel_Lust to 0>> /* Mariel Fetish Stats */ <<set $mariel_LesbianValue to 0>> <<set $mariel_CumAddiction to 0>> <<set $mariel_CumNeed to 0>> <<set $mariel_FeetFetish to 0>> <<set $mariel_ArmpitFetish to 0>> <<set $mariel_SmellFetish to 0>> <<set $mariel_SalivaFetish to 0>> /* Mariel Sexual Experience */ <<set $mariel_sexualExperience to 52>> <<set $mariel_basicExperience to 39>> <<set $mariel_kissCount to 39>> <<set $mariel_vaginalCount to 13>> <<set $mariel_analDoneCount to 0>> <<set $mariel_analTakenCount to 0>> <<set $mariel_handjobDoneCount to 0>> <<set $mariel_handjobTakenCount to 0>> <<set $mariel_blowjobDoneCount to 0>> <<set $mariel_blowjobTakenCount to 0>> <<set $mariel_footjobDoneCount to 0>> <<set $mariel_footjobTakenCount to 0>> <<set $mariel_boobjobDoneCount to 0>> <<set $mariel_boobjobTakenCount to 0>> <<set $mariel_breastsGotTouched to 0>> <<set $mariel_breastsTouchedOthers to 0>> <<set $mariel_assGotTouched to 0>> <<set $mariel_assTouchedOthers to 0>> <<set $mariel_cumSwallowedAmount to 0>> <<set $mariel_cumTakenInsideCount to 13>> <<set $mariel_cumTakenInsideAmount to 0>> <<set $mariel_cumOnBodyAmount to 0>> /* Mariel Body Stats */ <<set $mariel_breastSize to 5>> <<set $mariel_assSize to 4>> <<set $mariel_vaginaStretched to 1>> /* Mariel Sensitivity Stats */ <<set $mariel_generalSensitivity to 100>> <<set $mariel_breastSensitivity to 120>> /* Higher due to experience */ <<set $mariel_nippleSensitivity to 120>> <<set $mariel_vaginaSensitivity to 120>> <<set $mariel_analSensitivity to 100>> <<set $mariel_neckSensitivity to 100>> <<set $mariel_earSensitivity to 100>> <<set $mariel_pleasureGain to 100>> /* Mariel Mind Control Stats */ <<set $mariel_mindControlResistance to 80>> /* High due to ex-priestess background */ <<set $mariel_mindControlSusceptibility to 20>> <<set $mariel_mentalCorruption to 0>> <<set $mariel_mindBreakProgress to 0>> <<set $mariel_suggestionReceptiveness to 20>> /* Liora Stats */ <<set $liora_corruption to -10>> <<set $liora_breastSize to 4>> <<set $liora_assSize to 3>> <<set $liora_vaginaStretched to 0>> <<set $liora_Lust to 0>> /* Liora Fetish Stats */ <<set $liora_LesbianValue to 0>> <<set $liora_CumAddiction to 0>> <<set $liora_CumNeed to 0>> <<set $liora_FeetFetish to 0>> <<set $liora_ArmpitFetish to 0>> <<set $liora_SmellFetish to 0>> <<set $liora_SalivaFetish to 0>> /* Liora Sexual Experience */ <<set $liora_sexualExperience to 0>> <<set $liora_basicExperience to 0>> <<set $liora_kissCount to 0>> <<set $liora_vaginalCount to 0>> <<set $liora_analDoneCount to 0>> <<set $liora_analTakenCount to 0>> <<set $liora_handjobDoneCount to 0>> <<set $liora_handjobTakenCount to 0>> <<set $liora_blowjobDoneCount to 0>> <<set $liora_blowjobTakenCount to 0>> <<set $liora_footjobDoneCount to 0>> <<set $liora_footjobTakenCount to 0>> <<set $liora_boobjobDoneCount to 0>> <<set $liora_boobjobTakenCount to 0>> <<set $liora_breastsGotTouched to 0>> <<set $liora_breastsTouchedOthers to 0>> <<set $liora_assGotTouched to 0>> <<set $liora_assTouchedOthers to 0>> <<set $liora_cumSwallowedAmount to 0>> <<set $liora_cumTakenInsideCount to 0>> <<set $liora_cumTakenInsideAmount to 0>> <<set $liora_cumOnBodyAmount to 0>> /* Liora Sensitivity Stats */ <<set $liora_generalSensitivity to 100>> <<set $liora_breastSensitivity to 100>> <<set $liora_nippleSensitivity to 100>> <<set $liora_vaginaSensitivity to 150>> /* Higher as virgin */ <<set $liora_analSensitivity to 100>> <<set $liora_neckSensitivity to 100>> <<set $liora_earSensitivity to 100>> <<set $liora_pleasureGain to 120>> /* More sensitive overall */ /* Liora Mind Control Stats */ <<set $liora_mindControlResistance to 60>> /* Lower due to innocent nature */ <<set $liora_mindControlSusceptibility to 40>> <<set $liora_mentalCorruption to 0>> <<set $liora_mindBreakProgress to 0>> <<set $liora_suggestionReceptiveness to 40>> /* Serin Stats */ <<set $serin_corruption to 0>> <<set $serin_breastSize to 1>> <<set $serin_assSize to 1>> <<set $serin_vaginaStretched to 0>> <<set $serin_Lust to 0>> /* Serin Fetish Stats */ <<set $serin_LesbianValue to 0>> <<set $serin_CumAddiction to 0>> <<set $serin_CumNeed to 0>> <<set $serin_FeetFetish to 0>> <<set $serin_ArmpitFetish to 0>> <<set $serin_SmellFetish to 0>> <<set $serin_SalivaFetish to 0>> /* Serin Sexual Experience */ <<set $serin_sexualExperience to 0>> <<set $serin_basicExperience to 0>> <<set $serin_kissCount to 0>> <<set $serin_vaginalCount to 0>> <<set $serin_analDoneCount to 0>> <<set $serin_analTakenCount to 0>> <<set $serin_handjobDoneCount to 0>> <<set $serin_handjobTakenCount to 0>> <<set $serin_blowjobDoneCount to 0>> <<set $serin_blowjobTakenCount to 0>> <<set $serin_footjobDoneCount to 0>> <<set $serin_footjobTakenCount to 0>> <<set $serin_boobjobDoneCount to 0>> <<set $serin_boobjobTakenCount to 0>> <<set $serin_breastsGotTouched to 0>> <<set $serin_breastsTouchedOthers to 0>> <<set $serin_assGotTouched to 0>> <<set $serin_assTouchedOthers to 0>> <<set $serin_cumSwallowedAmount to 0>> <<set $serin_cumTakenInsideCount to 0>> <<set $serin_cumTakenInsideAmount to 0>> <<set $serin_cumOnBodyAmount to 0>> /* Serin Body Stats */ <<set $serin_breastSize to 1>> <<set $serin_assSize to 2>> <<set $serin_muscleDefinition to 4>> <<set $serin_height to 165>> <<set $serin_bodyType to "Athletic">> /* Serin Sensitivity Stats */ <<set $serin_generalSensitivity to 100>> <<set $serin_breastSensitivity to 100>> <<set $serin_nippleSensitivity to 100>> <<set $serin_vaginaSensitivity to 130>> <<set $serin_analSensitivity to 100>> <<set $serin_neckSensitivity to 100>> <<set $serin_earSensitivity to 100>> <<set $serin_pleasureGain to 110>> /* Serin Mind Control Stats */ <<set $serin_mindControlResistance to 75>> /* High due to strong personality */ <<set $serin_mindControlSusceptibility to 25>> <<set $serin_mentalCorruption to 0>> <<set $serin_mindBreakProgress to 0>> <<set $serin_suggestionReceptiveness to 25>> /* Thalor Stats */ <<set $thalor_corruption to 0>> <<set $thalor_masculinity to 70>> <<set $thalor_penisSize to 3>> <<set $thalor_breastSize to 0>> <<set $thalor_assSize to 0>> <<set $thalor_cumAmount to 5>> /* in ml */ <<set $thalor_Lust to 0>> /* Thalor Fetish Stats */ <<set $thalor_GayValue to 0>> <<set $thalor_CumAddiction to 0>> <<set $thalor_CumNeed to 0>> <<set $thalor_FeetFetish to 0>> <<set $thalor_ArmpitFetish to 0>> <<set $thalor_SmellFetish to 0>> <<set $thalor_SalivaFetish to 0>> <<set $thalor_BreastFetish to 0>> <<set $thalor_AssFetish to 0>> <<set $thalor_PenisFetish to 0>> <<set $thalor_VaginaFetish to 0>> <<set $thalor_ThighFetish to 0>> <<set $thalor_MuscleFetish to 0>> <<set $thalor_SweatFetish to 0>> <<set $thalor_SubmissionFetish to 0>> <<set $thalor_DominanceFetish to 0>> <<set $thalor_ExhibitionismFetish to 0>> <<set $thalor_VoyeurismFetish to 0>> <<set $thalor_BondageFetish to 0>> <<set $thalor_CrossdressingFetish to 0>> /* Thalor Sexual Experience */ <<set $thalor_sexualExperience to 52>> <<set $thalor_basicExperience to 39>> <<set $thalor_kissCount to 39>> <<set $thalor_vaginalCount to 13>> <<set $thalor_analDoneCount to 0>> <<set $thalor_analTakenCount to 0>> <<set $thalor_handjobDoneCount to 0>> <<set $thalor_handjobTakenCount to 0>> <<set $thalor_blowjobDoneCount to 0>> <<set $thalor_blowjobTakenCount to 0>> <<set $thalor_footjobDoneCount to 0>> <<set $thalor_footjobTakenCount to 0>> <<set $thalor_boobjobDoneCount to 0>> <<set $thalor_boobjobTakenCount to 0>> <<set $thalor_breastsGotTouched to 0>> <<set $thalor_breastsTouchedOthers to 0>> <<set $thalor_assGotTouched to 0>> <<set $thalor_assTouchedOthers to 0>> <<set $thalor_cumSwallowedAmount to 0>> <<set $thalor_cumTakenInsideCount to 0>> <<set $thalor_cumTakenInsideAmount to 0>> <<set $thalor_cumOnBodyAmount to 0>> /* Thalor Sensitivity Stats */ <<set $thalor_generalSensitivity to 100>> <<set $thalor_breastSensitivity to 100>> <<set $thalor_nippleSensitivity to 100>> <<set $thalor_penisSensitivity to 100>> <<set $thalor_analSensitivity to 100>> <<set $thalor_neckSensitivity to 100>> <<set $thalor_earSensitivity to 100>> <<set $thalor_pleasureGain to 100>> /* Thalor Mind Control Stats */ <<set $thalor_mindControlResistance to 90>> /* Very high due to strong will */ <<set $thalor_mindControlSusceptibility to 10>> <<set $thalor_mentalCorruption to 0>> <<set $thalor_mindBreakProgress to 0>> <<set $thalor_suggestionReceptiveness to 10>> /* Seryk Stats */ <<set $seryk_penisSize to 6>> <<set $seryk_cumAmount to 15>> /* in ml */ <<set $seryk_Lust to 0>> /* Seryk Fetish Stats */ <<set $seryk_GayValue to 0>> <<set $seryk_CumAddiction to 0>> <<set $seryk_CumNeed to 0>> <<set $seryk_FeetFetish to 0>> <<set $seryk_ArmpitFetish to 0>> <<set $seryk_SmellFetish to 0>> <<set $seryk_SalivaFetish to 0>> /* Seryk Sexual Experience */ <<set $seryk_sexualExperience to 0>> <<set $seryk_basicExperience to 0>> <<set $seryk_kissCount to 0>> <<set $seryk_vaginalCount to 0>> <<set $seryk_analDoneCount to 0>> <<set $seryk_analTakenCount to 0>> <<set $seryk_handjobDoneCount to 0>> <<set $seryk_handjobTakenCount to 0>> <<set $seryk_blowjobDoneCount to 0>> <<set $seryk_blowjobTakenCount to 0>> <<set $seryk_footjobDoneCount to 0>> <<set $seryk_footjobTakenCount to 0>> <<set $seryk_boobjobDoneCount to 0>> <<set $seryk_boobjobTakenCount to 0>> <<set $seryk_breastsGotTouched to 0>> <<set $seryk_breastsTouchedOthers to 0>> <<set $seryk_assGotTouched to 0>> <<set $seryk_assTouchedOthers to 0>> <<set $seryk_cumSwallowedAmount to 0>> <<set $seryk_cumTakenInsideCount to 0>> <<set $seryk_cumTakenInsideAmount to 0>> <<set $seryk_cumOnBodyAmount to 0>> /* Seryk Additional Experience Variables */ <<set $seryk_masturbationCount to 0>> <<set $seryk_masturbatedExperience to 0>> <<set $seryk_kissExperience to 0>> <<set $seryk_vaginalExperience to 0>> <<set $seryk_analExperience to 0>> <<set $seryk_oralExperience to 0>> <<set $seryk_combatExperience to 0>> <<set $seryk_Confidence to 85>> <<set $seryk_masculinity to 90>> /* Seryk Sensitivity Stats */ <<set $seryk_generalSensitivity to 100>> <<set $seryk_breastSensitivity to 100>> <<set $seryk_nippleSensitivity to 100>> <<set $seryk_vaginaSensitivity to 100>> <<set $seryk_analSensitivity to 100>> <<set $seryk_neckSensitivity to 100>> <<set $seryk_earSensitivity to 100>> <<set $seryk_pleasureGain to 100>> /* Seryk Soul Stats */ <<set $seryk_soulCorruptionLevel to 0>> <<set $seryk_soulBlessingLevel to 0>> <<set $seryk_unspentCorruptionPoints to 0>> <<set $seryk_unspentBlessingPoints to 0>> <<set $seryk_soulstones to 0>> <<set $seryk_chargedSoulstones to 0>> /* Seryk Combat Stats */ <<set $seryk_physicalPower to 16>> <<set $seryk_agility to 12>> <<set $seryk_willpower to 13>> <<set $seryk_technique to 11>> <<set $seryk_stamina to 120>> <<set $seryk_focus to 11>> <<set $seryk_maxHealth to 120>> <<set $seryk_currentHealth to 120>> <<set $seryk_maxStamina to 120>> <<set $seryk_currentStamina to 120>> <<set $seryk_maxFocus to 110>> <<set $seryk_currentFocus to 110>> <<set $seryk_combatExp to 0>> <<set $seryk_combatLevel to 1>> /* Seryk Demon Stats */ <<set $seryk_cumPower to 120>> /* Base power of cum for addiction/corruption */ <<set $seryk_cumPotency to 120>> /* How addictive/corrupting the cum is */ <<set $seryk_cumRegenerationRate to 5>> /* ml per hour */ <<set $seryk_maxCumStorage to 50>> /* ml */ <<set $seryk_pleasureGive to 120>> /* How much pleasure given to partners */ <<set $seryk_corruptionAura to 10>> /* Passive corruption influence */ /* Nimeria Stats */ <<set $nimeria_breastSize to 1>> <<set $nimeria_assSize to 1>> <<set $nimeria_vaginaStretched to 0>> <<set $nimeria_Lust to 0>> /* Nimeria Fetish Stats */ <<set $nimeria_LesbianValue to 0>> <<set $nimeria_CumAddiction to 0>> <<set $nimeria_CumNeed to 0>> <<set $nimeria_FeetFetish to 0>> <<set $nimeria_ArmpitFetish to 0>> <<set $nimeria_SmellFetish to 0>> <<set $nimeria_SalivaFetish to 0>> /* Nimeria Sexual Experience */ <<set $nimeria_sexualExperience to 0>> <<set $nimeria_basicExperience to 0>> <<set $nimeria_kissCount to 0>> <<set $nimeria_vaginalCount to 0>> <<set $nimeria_analDoneCount to 0>> <<set $nimeria_analTakenCount to 0>> <<set $nimeria_handjobDoneCount to 0>> <<set $nimeria_handjobTakenCount to 0>> <<set $nimeria_blowjobDoneCount to 0>> <<set $nimeria_blowjobTakenCount to 0>> <<set $nimeria_footjobDoneCount to 0>> <<set $nimeria_footjobTakenCount to 0>> <<set $nimeria_boobjobDoneCount to 0>> <<set $nimeria_boobjobTakenCount to 0>> <<set $nimeria_breastsGotTouched to 0>> <<set $nimeria_breastsTouchedOthers to 0>> <<set $nimeria_assGotTouched to 0>> <<set $nimeria_assTouchedOthers to 0>> <<set $nimeria_cumSwallowedAmount to 0>> <<set $nimeria_cumTakenInsideCount to 0>> <<set $nimeria_cumTakenInsideAmount to 0>> <<set $nimeria_cumOnBodyAmount to 0>> /* Nimeria Sensitivity Stats */ <<set $nimeria_generalSensitivity to 100>> <<set $nimeria_breastSensitivity to 100>> <<set $nimeria_nippleSensitivity to 100>> <<set $nimeria_vaginaSensitivity to 100>> <<set $nimeria_analSensitivity to 100>> <<set $nimeria_neckSensitivity to 100>> <<set $nimeria_earSensitivity to 100>> <<set $nimeria_pleasureGain to 100>> /* Nimeria Soul Stats */ <<set $nimeria_soulCorruptionLevel to 0>> <<set $nimeria_soulBlessingLevel to 0>> <<set $nimeria_unspentCorruptionPoints to 0>> <<set $nimeria_unspentBlessingPoints to 0>> <<set $nimeria_soulstones to 0>> <<set $nimeria_chargedSoulstones to 0>> /* Nimeria Combat Stats */ <<set $nimeria_physicalPower to 10>> <<set $nimeria_agility to 13>> <<set $nimeria_willpower to 16>> <<set $nimeria_technique to 15>> <<set $nimeria_stamina to 100>> <<set $nimeria_focus to 14>> <<set $nimeria_maxHealth to 100>> <<set $nimeria_currentHealth to 100>> <<set $nimeria_maxStamina to 100>> <<set $nimeria_currentStamina to 100>> <<set $nimeria_maxFocus to 140>> <<set $nimeria_currentFocus to 140>> <<set $nimeria_combatExp to 0>> <<set $nimeria_combatLevel to 1>> /* Nimeria Sexual Experience */ <<set $nimeria_kissCount to 0>> <<set $nimeria_vaginalCount to 0>> <<set $nimeria_cumOnBodyAmount to 0>> /* in ml */ <<set $nimeria_analDoneCount to 0>> <<set $nimeria_analTakenCount to 0>> <<set $nimeria_handjobDoneCount to 0>> <<set $nimeria_handjobTakenCount to 0>> <<set $nimeria_footjobDoneCount to 0>> <<set $nimeria_footjobTakenCount to 0>> <<set $nimeria_blowjobDoneCount to 0>> <<set $nimeria_blowjobTakenCount to 0>> <<set $nimeria_boobjobDoneCount to 0>> <<set $nimeria_boobjobTakenCount to 0>> <<set $nimeria_breastsGotTouched to 0>> <<set $nimeria_breastsTouchedOthers to 0>> <<set $nimeria_assGotTouched to 0>> <<set $nimeria_assTouchedOthers to 0>> <<set $nimeria_cumSwallowedAmount to 0>> <<set $nimeria_cumTakenInsideCount to 0>> <<set $nimeria_cumTakenInsideAmount to 0>> <<set $nimeria_cumOnBodyAmount to 0>> /* Nimeria Demon Stats */ <<set $nimeria_scentPower to 120>> /* Power of pheromones */ <<set $nimeria_scentRange to 5>> /* How far scent reaches in meters */ <<set $nimeria_fluidPotency to 120>> /* How powerful her fluids are */ <<set $nimeria_pleasureGive to 130>> /* How much pleasure given to partners */ <<set $nimeria_corruptionAura to 15>> /* Passive corruption influence */ <<set $nimeria_charmPower to 120>> /* Power of charm abilities */ /* Rylan Body Stats */ <<set $rylan_muscleDefinition to 3>> <<set $rylan_height to 180>> <<set $rylan_penisSize to 3>> <<set $rylan_bodyType to "Athletic">> /* Wardrobe State */ <<set $rylan_Clothes to "Default">> <<set $rylan_Sleepwear to "Default">> <<set $rylan_Bra to "None">> <<set $rylan_Panties to "None">> <<set $rylan_Legwear to "Default">> <<set $rylan_Shoes to "Default">> /* Resonance System Variables */ <<set $rylan_resonancePhysicalPower to 0>> <<set $rylan_resonanceAgility to 0>> <<set $rylan_resonanceWillpower to 0>> <<set $rylan_resonanceTechnique to 0>> <<set $rylan_resonanceFocus to 0>> <<set $liora_resonancePhysicalPower to 0>> <<set $liora_resonanceAgility to 0>> <<set $liora_resonanceWillpower to 0>> <<set $liora_resonanceTechnique to 0>> <<set $liora_resonanceFocus to 0>> <<set $serin_resonancePhysicalPower to 0>> <<set $serin_resonanceAgility to 0>> <<set $serin_resonanceWillpower to 0>> <<set $serin_resonanceTechnique to 0>> <<set $serin_resonanceFocus to 0>> <<set $mariel_resonancePhysicalPower to 0>> <<set $mariel_resonanceAgility to 0>> <<set $mariel_resonanceWillpower to 0>> <<set $mariel_resonanceTechnique to 0>> <<set $mariel_resonanceFocus to 0>> <<set $thalor_resonancePhysicalPower to 0>> <<set $thalor_resonanceAgility to 0>> <<set $thalor_resonanceWillpower to 0>> <<set $thalor_resonanceTechnique to 0>> <<set $thalor_resonanceFocus to 0>> <<set $seryk_resonancePhysicalPower to 0>> <<set $seryk_resonanceAgility to 0>> <<set $seryk_resonanceWillpower to 0>> <<set $seryk_resonanceTechnique to 0>> <<set $seryk_resonanceFocus to 0>> <<set $nimeria_resonancePhysicalPower to 0>> <<set $nimeria_resonanceAgility to 0>> <<set $nimeria_resonanceWillpower to 0>> <<set $nimeria_resonanceTechnique to 0>> <<set $nimeria_resonanceFocus to 0>> /* Story Flags */ <<set $perspective to "ntr">> /* Can be "ntr" or "netori" */ /* Rylan-Mariel Relationship */ <<set $rylan_MarielOrgasmsGiven to 0>> <<set $rylan_MarielOrgasmsReceived to 0>> /* Rylan-Liora Relationship */ <<set $rylan_LioraOrgasmsGiven to 0>> <<set $rylan_LioraOrgasmsReceived to 0>> /* Rylan-Serin Relationship */ <<set $rylan_SerinOrgasmsGiven to 0>> <<set $rylan_SerinOrgasmsReceived to 0>> /* Rylan-Seryk Relationship */ <<set $rylan_SerykOrgasmsGiven to 0>> <<set $rylan_SerykOrgasmsReceived to 0>> /* Rylan-Nimeria Relationship */ <<set $rylan_NimeriaOrgasmsGiven to 0>> <<set $rylan_NimeriaOrgasmsReceived to 0>> /* Mariel-Thalor Relationship */ <<set $mariel_ThalorOrgasmsGiven to 13>> <<set $mariel_ThalorOrgasmsReceived to 0>> /* Relationship Variables */ /* Mariel's Sexual Stats with Rylan */ <<set $mariel_RylanKissCount to 0>> <<set $mariel_RylanVaginalCount to 0>> <<set $mariel_RylanAnalCount to 0>> <<set $mariel_RylanAnalTakenCount to 0>> <<set $mariel_RylanHandjobCount to 0>> <<set $mariel_RylanHandjobTakenCount to 0>> <<set $mariel_RylanBlowjobCount to 0>> <<set $mariel_RylanBlowjobTakenCount to 0>> <<set $mariel_RylanFootjobCount to 0>> <<set $mariel_RylanFootjobTakenCount to 0>> <<set $mariel_RylanBoobJobCount to 0>> <<set $mariel_RylanBoobJobTakenCount to 0>> <<set $mariel_RylanBreastsTouchedCount to 0>> <<set $mariel_RylanBreastsTouchedByCount to 0>> <<set $mariel_RylanAssTouchedCount to 0>> <<set $mariel_RylanAssTouchedByCount to 0>> <<set $mariel_RylanCumInsideAmount to 0>> <<set $mariel_RylanCumSwallowedAmount to 0>> <<set $mariel_RylanCumInsideCount to 0>> <<set $mariel_RylanCumSwallowedMl to 0>> <<set $mariel_RylanCumOnBodyMl to 0>> <<set $mariel_RylanOrgasmsGiven to 0>> <<set $mariel_RylanOrgasmsReceived to 0>> /* Mariel's Sexual Stats with Thalor */ <<set $mariel_ThalorKissCount to 0>> <<set $mariel_ThalorVaginalCount to 0>> <<set $mariel_ThalorAnalCount to 0>> <<set $mariel_ThalorAnalTakenCount to 0>> <<set $mariel_ThalorHandjobCount to 0>> <<set $mariel_ThalorHandjobTakenCount to 0>> <<set $mariel_ThalorBlowjobCount to 0>> <<set $mariel_ThalorBlowjobTakenCount to 0>> <<set $mariel_ThalorFootjobCount to 0>> <<set $mariel_ThalorFootjobTakenCount to 0>> <<set $mariel_ThalorBoobJobCount to 0>> <<set $mariel_ThalorBoobJobTakenCount to 0>> <<set $mariel_ThalorBreastsTouchedCount to 0>> <<set $mariel_ThalorBreastsTouchedByCount to 0>> <<set $mariel_ThalorAssTouchedCount to 0>> <<set $mariel_ThalorAssTouchedByCount to 0>> <<set $mariel_ThalorCumInsideCount to 0>> <<set $mariel_ThalorCumSwallowedMl to 0>> <<set $mariel_ThalorCumOnBodyMl to 0>> /* Mariel's Sexual Stats with Liora */ <<set $mariel_LioraKissCount to 0>> <<set $mariel_LioraVaginalCount to 0>> <<set $mariel_LioraAnalCount to 0>> <<set $mariel_LioraAnalTakenCount to 0>> <<set $mariel_LioraHandjobCount to 0>> <<set $mariel_LioraHandjobTakenCount to 0>> <<set $mariel_LioraBlowjobCount to 0>> <<set $mariel_LioraBlowjobTakenCount to 0>> <<set $mariel_LioraFootjobCount to 0>> <<set $mariel_LioraFootjobTakenCount to 0>> <<set $mariel_LioraBoobJobCount to 0>> <<set $mariel_LioraBoobJobTakenCount to 0>> <<set $mariel_LioraBreastsTouchedCount to 0>> <<set $mariel_LioraBreastsTouchedByCount to 0>> <<set $mariel_LioraAssTouchedCount to 0>> <<set $mariel_LioraAssTouchedByCount to 0>> <<set $mariel_LioraCumInsideCount to 0>> <<set $mariel_LioraCumSwallowedMl to 0>> <<set $mariel_LioraCumOnBodyMl to 0>> /* Mariel's Sexual Stats with Serin */ <<set $mariel_SerinKissCount to 0>> <<set $mariel_SerinVaginalCount to 0>> <<set $mariel_SerinAnalCount to 0>> <<set $mariel_SerinAnalTakenCount to 0>> <<set $mariel_SerinHandjobCount to 0>> <<set $mariel_SerinHandjobTakenCount to 0>> <<set $mariel_SerinBlowjobCount to 0>> <<set $mariel_SerinBlowjobTakenCount to 0>> <<set $mariel_SerinFootjobCount to 0>> <<set $mariel_SerinFootjobTakenCount to 0>> <<set $mariel_SerinBoobJobCount to 0>> <<set $mariel_SerinBoobJobTakenCount to 0>> <<set $mariel_SerinBreastsTouchedCount to 0>> <<set $mariel_SerinBreastsTouchedByCount to 0>> <<set $mariel_SerinAssTouchedCount to 0>> <<set $mariel_SerinAssTouchedByCount to 0>> <<set $mariel_SerinCumInsideCount to 0>> <<set $mariel_SerinCumSwallowedMl to 0>> <<set $mariel_SerinCumOnBodyMl to 0>> /* Liora's Sexual Stats with Rylan */ <<set $liora_RylanKissCount to 0>> <<set $liora_RylanVaginalCount to 0>> <<set $liora_RylanAnalCount to 0>> <<set $liora_RylanAnalTakenCount to 0>> <<set $liora_RylanHandjobCount to 0>> <<set $liora_RylanHandjobTakenCount to 0>> <<set $liora_RylanBlowjobCount to 0>> <<set $liora_RylanBlowjobTakenCount to 0>> <<set $liora_RylanFootjobCount to 0>> <<set $liora_RylanFootjobTakenCount to 0>> <<set $liora_RylanBoobJobCount to 0>> <<set $liora_RylanBoobJobTakenCount to 0>> <<set $liora_RylanBreastsTouchedCount to 0>> <<set $liora_RylanBreastsTouchedByCount to 0>> <<set $liora_RylanAssTouchedCount to 0>> <<set $liora_RylanAssTouchedByCount to 0>> <<set $liora_RylanCumInsideCount to 0>> <<set $liora_RylanCumSwallowedMl to 0>> <<set $liora_RylanCumOnBodyMl to 0>> /* Liora's Sexual Stats with Serin */ <<set $liora_SerinKissCount to 0>> <<set $liora_SerinVaginalCount to 0>> <<set $liora_SerinAnalCount to 0>> <<set $liora_SerinAnalTakenCount to 0>> <<set $liora_SerinHandjobCount to 0>> <<set $liora_SerinHandjobTakenCount to 0>> <<set $liora_SerinBlowjobCount to 0>> <<set $liora_SerinBlowjobTakenCount to 0>> <<set $liora_SerinFootjobCount to 0>> <<set $liora_SerinFootjobTakenCount to 0>> <<set $liora_SerinBoobJobCount to 0>> <<set $liora_SerinBoobJobTakenCount to 0>> <<set $liora_SerinBreastsTouchedCount to 0>> <<set $liora_SerinBreastsTouchedByCount to 0>> <<set $liora_SerinAssTouchedCount to 0>> <<set $liora_SerinAssTouchedByCount to 0>> <<set $liora_SerinCumInsideCount to 0>> <<set $liora_SerinCumSwallowedMl to 0>> <<set $liora_SerinCumOnBodyMl to 0>> /* Serin's Sexual Stats with Rylan */ <<set $serin_RylanKissCount to 0>> <<set $serin_RylanVaginalCount to 0>> <<set $serin_RylanAnalCount to 0>> <<set $serin_RylanAnalTakenCount to 0>> <<set $serin_RylanHandjobCount to 0>> <<set $serin_RylanHandjobTakenCount to 0>> <<set $serin_RylanBlowjobCount to 0>> <<set $serin_RylanBlowjobTakenCount to 0>> <<set $serin_RylanFootjobCount to 0>> <<set $serin_RylanFootjobTakenCount to 0>> <<set $serin_RylanBoobJobCount to 0>> <<set $serin_RylanBoobJobTakenCount to 0>> <<set $serin_RylanBreastsTouchedCount to 0>> <<set $serin_RylanBreastsTouchedByCount to 0>> <<set $serin_RylanAssTouchedCount to 0>> <<set $serin_RylanAssTouchedByCount to 0>> <<set $serin_RylanCumInsideCount to 0>> <<set $serin_RylanCumSwallowedMl to 0>> <<set $serin_RylanCumOnBodyMl to 0>> /* Seryk's Sexual Stats with Rylan */ <<set $seryk_RylanKissCount to 0>> <<set $seryk_RylanVaginalCount to 0>> <<set $seryk_RylanAnalCount to 0>> <<set $seryk_RylanAnalTakenCount to 0>> <<set $seryk_RylanHandjobCount to 0>> <<set $seryk_RylanHandjobTakenCount to 0>> <<set $seryk_RylanBlowjobCount to 0>> <<set $seryk_RylanBlowjobTakenCount to 0>> <<set $seryk_RylanFootjobCount to 0>> <<set $seryk_RylanFootjobTakenCount to 0>> <<set $seryk_RylanBoobJobCount to 0>> <<set $seryk_RylanBoobJobTakenCount to 0>> <<set $seryk_RylanBreastsTouchedCount to 0>> <<set $seryk_RylanBreastsTouchedByCount to 0>> <<set $seryk_RylanAssTouchedCount to 0>> <<set $seryk_RylanAssTouchedByCount to 0>> <<set $seryk_RylanCumInsideCount to 0>> <<set $seryk_RylanCumSwallowedMl to 0>> <<set $seryk_RylanCumOnBodyMl to 0>> /* Seryk's Sexual Stats with Mariel */ <<set $seryk_MarielKissCount to 0>> <<set $seryk_MarielVaginalCount to 0>> <<set $seryk_MarielAnalCount to 0>> <<set $seryk_MarielAnalTakenCount to 0>> <<set $seryk_MarielHandjobCount to 0>> <<set $seryk_MarielHandjobTakenCount to 0>> <<set $seryk_MarielBlowjobCount to 0>> <<set $seryk_MarielBlowjobTakenCount to 0>> <<set $seryk_MarielFootjobCount to 0>> <<set $seryk_MarielFootjobTakenCount to 0>> <<set $seryk_MarielBoobJobCount to 0>> <<set $seryk_MarielBoobJobTakenCount to 0>> <<set $seryk_MarielBreastsTouchedCount to 0>> <<set $seryk_MarielBreastsTouchedByCount to 0>> <<set $seryk_MarielAssTouchedCount to 0>> <<set $seryk_MarielAssTouchedByCount to 0>> <<set $seryk_MarielCumInsideCount to 0>> <<set $seryk_MarielCumSwallowedMl to 0>> <<set $seryk_MarielCumOnBodyMl to 0>> /* Seryk's Sexual Stats with Thalor */ <<set $seryk_ThalorKissCount to 0>> <<set $seryk_ThalorVaginalCount to 0>> <<set $seryk_ThalorAnalCount to 0>> <<set $seryk_ThalorAnalTakenCount to 0>> <<set $seryk_ThalorHandjobCount to 0>> <<set $seryk_ThalorHandjobTakenCount to 0>> <<set $seryk_ThalorBlowjobCount to 0>> <<set $seryk_ThalorBlowjobTakenCount to 0>> <<set $seryk_ThalorFootjobCount to 0>> <<set $seryk_ThalorFootjobTakenCount to 0>> <<set $seryk_ThalorBoobJobCount to 0>> <<set $seryk_ThalorBoobJobTakenCount to 0>> <<set $seryk_ThalorBreastsTouchedCount to 0>> <<set $seryk_ThalorBreastsTouchedByCount to 0>> <<set $seryk_ThalorAssTouchedCount to 0>> <<set $seryk_ThalorAssTouchedByCount to 0>> <<set $seryk_ThalorCumInsideCount to 0>> <<set $seryk_ThalorCumSwallowedMl to 0>> <<set $seryk_ThalorCumOnBodyMl to 0>> /* Seryk's Sexual Stats with Liora */ <<set $seryk_LioraKissCount to 0>> <<set $seryk_LioraVaginalCount to 0>> <<set $seryk_LioraAnalCount to 0>> <<set $seryk_LioraAnalTakenCount to 0>> <<set $seryk_LioraHandjobCount to 0>> <<set $seryk_LioraHandjobTakenCount to 0>> <<set $seryk_LioraBlowjobCount to 0>> <<set $seryk_LioraBlowjobTakenCount to 0>> <<set $seryk_LioraFootjobCount to 0>> <<set $seryk_LioraFootjobTakenCount to 0>> <<set $seryk_LioraBoobJobCount to 0>> <<set $seryk_LioraBoobJobTakenCount to 0>> <<set $seryk_LioraBreastsTouchedCount to 0>> <<set $seryk_LioraBreastsTouchedByCount to 0>> <<set $seryk_LioraAssTouchedCount to 0>> <<set $seryk_LioraAssTouchedByCount to 0>> <<set $seryk_LioraCumInsideCount to 0>> <<set $seryk_LioraCumSwallowedMl to 0>> <<set $seryk_LioraCumOnBodyMl to 0>> /* Seryk's Sexual Stats with Serin */ <<set $seryk_SerinKissCount to 0>> <<set $seryk_SerinVaginalCount to 0>> <<set $seryk_SerinAnalCount to 0>> <<set $seryk_SerinAnalTakenCount to 0>> <<set $seryk_SerinHandjobCount to 0>> <<set $seryk_SerinHandjobTakenCount to 0>> <<set $seryk_SerinBlowjobCount to 0>> <<set $seryk_SerinBlowjobTakenCount to 0>> <<set $seryk_SerinFootjobCount to 0>> <<set $seryk_SerinFootjobTakenCount to 0>> <<set $seryk_SerinBoobJobCount to 0>> <<set $seryk_SerinBoobJobTakenCount to 0>> <<set $seryk_SerinBreastsTouchedCount to 0>> <<set $seryk_SerinBreastsTouchedByCount to 0>> <<set $seryk_SerinAssTouchedCount to 0>> <<set $seryk_SerinAssTouchedByCount to 0>> <<set $seryk_SerinCumInsideCount to 0>> <<set $seryk_SerinCumSwallowedMl to 0>> <<set $seryk_SerinCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Rylan */ <<set $Nimeria_RylanKissCount to 0>> <<set $Nimeria_RylanVaginalCount to 0>> <<set $Nimeria_RylanAnalCount to 0>> <<set $Nimeria_RylanAnalTakenCount to 0>> <<set $Nimeria_RylanHandjobCount to 0>> <<set $Nimeria_RylanHandjobTakenCount to 0>> <<set $Nimeria_RylanBlowjobCount to 0>> <<set $Nimeria_RylanBlowjobTakenCount to 0>> <<set $Nimeria_RylanFootjobCount to 0>> <<set $Nimeria_RylanFootjobTakenCount to 0>> <<set $Nimeria_RylanBoobJobCount to 0>> <<set $Nimeria_RylanBoobJobTakenCount to 0>> <<set $Nimeria_RylanBreastsTouchedCount to 0>> <<set $Nimeria_RylanBreastsTouchedByCount to 0>> <<set $Nimeria_RylanAssTouchedCount to 0>> <<set $Nimeria_RylanAssTouchedByCount to 0>> <<set $Nimeria_RylanCumInsideCount to 0>> <<set $Nimeria_RylanCumSwallowedMl to 0>> <<set $Nimeria_RylanCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Mariel */ <<set $Nimeria_MarielKissCount to 0>> <<set $Nimeria_MarielVaginalCount to 0>> <<set $Nimeria_MarielAnalCount to 0>> <<set $Nimeria_MarielAnalTakenCount to 0>> <<set $Nimeria_MarielHandjobCount to 0>> <<set $Nimeria_MarielHandjobTakenCount to 0>> <<set $Nimeria_MarielBlowjobCount to 0>> <<set $Nimeria_MarielBlowjobTakenCount to 0>> <<set $Nimeria_MarielFootjobCount to 0>> <<set $Nimeria_MarielFootjobTakenCount to 0>> <<set $Nimeria_MarielBoobJobCount to 0>> <<set $Nimeria_MarielBoobJobTakenCount to 0>> <<set $Nimeria_MarielBreastsTouchedCount to 0>> <<set $Nimeria_MarielBreastsTouchedByCount to 0>> <<set $Nimeria_MarielAssTouchedCount to 0>> <<set $Nimeria_MarielAssTouchedByCount to 0>> <<set $Nimeria_MarielCumInsideCount to 0>> <<set $Nimeria_MarielCumSwallowedMl to 0>> <<set $Nimeria_MarielCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Thalor */ <<set $Nimeria_ThalorKissCount to 0>> <<set $Nimeria_ThalorVaginalCount to 0>> <<set $Nimeria_ThalorAnalCount to 0>> <<set $Nimeria_ThalorAnalTakenCount to 0>> <<set $Nimeria_ThalorHandjobCount to 0>> <<set $Nimeria_ThalorHandjobTakenCount to 0>> <<set $Nimeria_ThalorBlowjobCount to 0>> <<set $Nimeria_ThalorBlowjobTakenCount to 0>> <<set $Nimeria_ThalorFootjobCount to 0>> <<set $Nimeria_ThalorFootjobTakenCount to 0>> <<set $Nimeria_ThalorBoobJobCount to 0>> <<set $Nimeria_ThalorBoobJobTakenCount to 0>> <<set $Nimeria_ThalorBreastsTouchedCount to 0>> <<set $Nimeria_ThalorBreastsTouchedByCount to 0>> <<set $Nimeria_ThalorAssTouchedCount to 0>> <<set $Nimeria_ThalorAssTouchedByCount to 0>> <<set $Nimeria_ThalorCumInsideCount to 0>> <<set $Nimeria_ThalorCumSwallowedMl to 0>> <<set $Nimeria_ThalorCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Liora */ <<set $Nimeria_LioraKissCount to 0>> <<set $Nimeria_LioraVaginalCount to 0>> <<set $Nimeria_LioraAnalCount to 0>> <<set $Nimeria_LioraAnalTakenCount to 0>> <<set $Nimeria_LioraHandjobCount to 0>> <<set $Nimeria_LioraHandjobTakenCount to 0>> <<set $Nimeria_LioraBlowjobCount to 0>> <<set $Nimeria_LioraBlowjobTakenCount to 0>> <<set $Nimeria_LioraFootjobCount to 0>> <<set $Nimeria_LioraFootjobTakenCount to 0>> <<set $Nimeria_LioraBoobJobCount to 0>> <<set $Nimeria_LioraBoobJobTakenCount to 0>> <<set $Nimeria_LioraBreastsTouchedCount to 0>> <<set $Nimeria_LioraBreastsTouchedByCount to 0>> <<set $Nimeria_LioraAssTouchedCount to 0>> <<set $Nimeria_LioraAssTouchedByCount to 0>> <<set $Nimeria_LioraCumInsideCount to 0>> <<set $Nimeria_LioraCumSwallowedMl to 0>> <<set $Nimeria_LioraCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Serin */ <<set $Nimeria_SerinKissCount to 0>> <<set $Nimeria_SerinVaginalCount to 0>> <<set $Nimeria_SerinAnalCount to 0>> <<set $Nimeria_SerinAnalTakenCount to 0>> <<set $Nimeria_SerinHandjobCount to 0>> <<set $Nimeria_SerinHandjobTakenCount to 0>> <<set $Nimeria_SerinBlowjobCount to 0>> <<set $Nimeria_SerinBlowjobTakenCount to 0>> <<set $Nimeria_SerinFootjobCount to 0>> <<set $Nimeria_SerinFootjobTakenCount to 0>> <<set $Nimeria_SerinBoobJobCount to 0>> <<set $Nimeria_SerinBoobJobTakenCount to 0>> <<set $Nimeria_SerinBreastsTouchedCount to 0>> <<set $Nimeria_SerinBreastsTouchedByCount to 0>> <<set $Nimeria_SerinAssTouchedCount to 0>> <<set $Nimeria_SerinAssTouchedByCount to 0>> <<set $Nimeria_SerinCumInsideCount to 0>> <<set $Nimeria_SerinCumSwallowedMl to 0>> <<set $Nimeria_SerinCumOnBodyMl to 0>> /* Nimeria's Sexual Stats with Seryk */ <<set $Nimeria_SerykKissCount to 0>> <<set $Nimeria_SerykVaginalCount to 0>> <<set $Nimeria_SerykAnalCount to 0>> <<set $Nimeria_SerykAnalTakenCount to 0>> <<set $Nimeria_SerykHandjobCount to 0>> <<set $Nimeria_SerykHandjobTakenCount to 0>> <<set $Nimeria_SerykBlowjobCount to 0>> <<set $Nimeria_SerykBlowjobTakenCount to 0>> <<set $Nimeria_SerykFootjobCount to 0>> <<set $Nimeria_SerykFootjobTakenCount to 0>> <<set $Nimeria_SerykBoobJobCount to 0>> <<set $Nimeria_SerykBoobJobTakenCount to 0>> <<set $Nimeria_SerykBreastsTouchedCount to 0>> <<set $Nimeria_SerykBreastsTouchedByCount to 0>> <<set $Nimeria_SerykAssTouchedCount to 0>> <<set $Nimeria_SerykAssTouchedByCount to 0>> <<set $Nimeria_SerykCumInsideCount to 0>> <<set $Nimeria_SerykCumSwallowedMl to 0>> <<set $Nimeria_SerykCumOnBodyMl to 0>> /* Orgasm Tracking for All Relationships */ /* Rylan's Orgasms */ <<set $rylan_MarielOrgasmsGiven to 0>> <<set $rylan_MarielOrgasmsReceived to 0>> <<set $rylan_ThalorOrgasmsGiven to 0>> <<set $rylan_ThalorOrgasmsReceived to 0>> <<set $rylan_LioraOrgasmsGiven to 0>> <<set $rylan_LioraOrgasmsReceived to 0>> <<set $rylan_SerinOrgasmsGiven to 0>> <<set $rylan_SerinOrgasmsReceived to 0>> <<set $rylan_SerykOrgasmsGiven to 0>> <<set $rylan_SerykOrgasmsReceived to 0>> <<set $rylan_NimeriaOrgasmsGiven to 0>> <<set $rylan_NimeriaOrgasmsReceived to 0>> /* Mariel's Orgasms */ <<set $mariel_RylanOrgasmsGiven to 0>> <<set $mariel_RylanOrgasmsReceived to 0>> <<set $mariel_ThalorOrgasmsGiven to 13>> <<set $mariel_ThalorOrgasmsReceived to 0>> <<set $mariel_LioraOrgasmsGiven to 0>> <<set $mariel_LioraOrgasmsReceived to 0>> <<set $mariel_SerinOrgasmsGiven to 0>> <<set $mariel_SerinOrgasmsReceived to 0>> <<set $mariel_SerykOrgasmsGiven to 0>> <<set $mariel_SerykOrgasmsReceived to 0>> <<set $mariel_NimeriaOrgasmsGiven to 0>> <<set $mariel_NimeriaOrgasmsReceived to 0>> /* Thalor's Orgasms */ <<set $thalor_RylanOrgasmsGiven to 0>> <<set $thalor_RylanOrgasmsReceived to 0>> <<set $thalor_MarielOrgasmsGiven to 0>> <<set $thalor_MarielOrgasmsReceived to 13>> <<set $thalor_LioraOrgasmsGiven to 0>> <<set $thalor_LioraOrgasmsReceived to 0>> <<set $thalor_SerinOrgasmsGiven to 0>> <<set $thalor_SerinOrgasmsReceived to 0>> <<set $thalor_SerykOrgasmsGiven to 0>> <<set $thalor_SerykOrgasmsReceived to 0>> <<set $thalor_NimeriaOrgasmsGiven to 0>> <<set $thalor_NimeriaOrgasmsReceived to 0>> /* Liora's Orgasms */ <<set $liora_RylanOrgasmsGiven to 0>> <<set $liora_RylanOrgasmsReceived to 0>> <<set $liora_MarielOrgasmsGiven to 0>> <<set $liora_MarielOrgasmsReceived to 0>> <<set $liora_ThalorOrgasmsGiven to 0>> <<set $liora_ThalorOrgasmsReceived to 0>> <<set $liora_SerinOrgasmsGiven to 0>> <<set $liora_SerinOrgasmsReceived to 0>> <<set $liora_SerykOrgasmsGiven to 0>> <<set $liora_SerykOrgasmsReceived to 0>> <<set $liora_NimeriaOrgasmsGiven to 0>> <<set $liora_NimeriaOrgasmsReceived to 0>> /* Serin's Orgasms */ <<set $serin_RylanOrgasmsGiven to 0>> <<set $serin_RylanOrgasmsReceived to 0>> <<set $serin_MarielOrgasmsGiven to 0>> <<set $serin_MarielOrgasmsReceived to 0>> <<set $serin_ThalorOrgasmsGiven to 0>> <<set $serin_ThalorOrgasmsReceived to 0>> <<set $serin_LioraOrgasmsGiven to 0>> <<set $serin_LioraOrgasmsReceived to 0>> <<set $serin_SerykOrgasmsGiven to 0>> <<set $serin_SerykOrgasmsReceived to 0>> <<set $serin_NimeriaOrgasmsGiven to 0>> <<set $serin_NimeriaOrgasmsReceived to 0>> /* Seryk's Orgasms */ <<set $seryk_RylanOrgasmsGiven to 0>> <<set $seryk_RylanOrgasmsReceived to 0>> <<set $seryk_MarielOrgasmsGiven to 0>> <<set $seryk_MarielOrgasmsReceived to 0>> <<set $seryk_ThalorOrgasmsGiven to 0>> <<set $seryk_ThalorOrgasmsReceived to 0>> <<set $seryk_LioraOrgasmsGiven to 0>> <<set $seryk_LioraOrgasmsReceived to 0>> <<set $seryk_SerinOrgasmsGiven to 0>> <<set $seryk_SerinOrgasmsReceived to 0>> <<set $seryk_NimeriaOrgasmsGiven to 0>> <<set $seryk_NimeriaOrgasmsReceived to 0>> /* Nimeria's Orgasms */ <<set $Nimeria_RylanOrgasmsGiven to 0>> <<set $Nimeria_RylanOrgasmsReceived to 0>> <<set $Nimeria_MarielOrgasmsGiven to 0>> <<set $Nimeria_MarielOrgasmsReceived to 0>> <<set $Nimeria_ThalorOrgasmsGiven to 0>> <<set $Nimeria_ThalorOrgasmsReceived to 0>> <<set $Nimeria_LioraOrgasmsGiven to 0>> <<set $Nimeria_LioraOrgasmsReceived to 0>> <<set $Nimeria_SerinOrgasmsGiven to 0>> <<set $Nimeria_SerinOrgasmsReceived to 0>> <<set $Nimeria_SerykOrgasmsGiven to 0>> <<set $Nimeria_SerykOrgasmsReceived to 0>> /* Met Flags */ <<set $metRylan to false>> <<set $metMariel to false>> <<set $metThalor to false>> <<set $metLiora to false>> <<set $metSerin to false>> <<set $metSeryk to false>> <<set $metNimeria to false>> /* Story Progress Flags */ <<set $hasReachedMissionPrep to false>> /* Time System */ <<set $gameDay to 26>> <<set $gameMonth to 1>> <<set $gameYear to 1200>> <<set $timeOfDay to "morning">> <<set $seasons to ["Spring", "Summer", "Autumn", "Winter"]>> <<set $monthNames to [ "Frostmoon", /* January - Winter */ "Iceheart", /* February - Winter */ "Springtide", /* March - Spring beginning */ "Rainsong", /* April - Spring rains */ "Bloomrise", /* May - Spring flowers */ "Sunhigh", /* June - Summer beginning */ "Goldfire", /* July - Peak summer */ "Stormcrown", /* August - Summer storms */ "Harvestfall", /* September - Autumn beginning */ "Mistweave", /* October - Autumn mists */ "Frostfall", /* November - Late autumn */ "Darkember" /* December - Winter */ ]>> <<set $timePhases to ["morning", "afternoon", "evening", "night"]>> <<set $metRylan = false>> <<set $metMariel = false>> <<set $metThalor = false>> <<set $metLiora = false>> <<set $metSerin = false>> <<set $metSeryk = false>> <<set $metNimeria = false>> <<script>> $(document).ready(() => { // Clear any existing unlocks DiarySystem.unlockedCharacters.clear(); }); <</script>> <<script>> window.storyPath = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/')); if (window.storyPath === '') window.storyPath = '.'; $("head").append('<link rel="stylesheet" type="text/css" href="style.css">'); $("head").append('<script src="script.js"><\/script>'); State.variables.imagePath = 'images/'; window.ImagePathSystem = { normalizeImagePath: function(src) { if (!src) return src; let normalizedPath = src.toLowerCase(); if (!normalizedPath.endsWith('.webp') && !normalizedPath.endsWith('.png') && !normalizedPath.endsWith('.jpg') && !normalizedPath.endsWith('.jpeg') && !normalizedPath.endsWith('.gif')) { if (src.includes('.png')) { normalizedPath = normalizedPath.replace('.png', '.webp'); } else if (src.includes('.jpg') || src.includes('.jpeg')) { normalizedPath = normalizedPath.replace(/\.(jpg|jpeg)/g, '.webp'); } else if (!normalizedPath.includes('.')) { normalizedPath += '.webp'; } } return normalizedPath; }, interceptImageLoading: function() { const originalImage = window.Image; window.Image = function(width, height) { const img = new originalImage(width, height); const originalSetSrc = Object.getOwnPropertyDescriptor(HTMLImageElement.prototype, 'src').set; Object.defineProperty(img, 'src', { set: function(value) { const normalizedSrc = window.ImagePathSystem.normalizeImagePath(value); originalSetSrc.call(this, normalizedSrc); }, get: function() { return this.getAttribute('src'); } }); return img; }; Object.setPrototypeOf(window.Image, originalImage); Object.defineProperty(window.Image, 'prototype', { value: originalImage.prototype, writable: false }); const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'IMG') { const src = node.getAttribute('src'); if (src) { const normalizedSrc = window.ImagePathSystem.normalizeImagePath(src); if (normalizedSrc !== src) { node.setAttribute('src', normalizedSrc); } } } const images = node.querySelectorAll ? node.querySelectorAll('img') : []; images.forEach(function(img) { const src = img.getAttribute('src'); if (src) { const normalizedSrc = window.ImagePathSystem.normalizeImagePath(src); if (normalizedSrc !== src) { img.setAttribute('src', normalizedSrc); } } }); } }); }); }); observer.observe(document, { childList: true, subtree: true }); $(document).on('DOMNodeInserted', 'img', function() { const src = this.getAttribute('src'); if (src) { const normalizedSrc = window.ImagePathSystem.normalizeImagePath(src); if (normalizedSrc !== src) { this.setAttribute('src', normalizedSrc); } } }); }, processExistingImages: function() { document.querySelectorAll('img').forEach(function(img) { const src = img.getAttribute('src'); if (src) { const normalizedSrc = window.ImagePathSystem.normalizeImagePath(src); if (normalizedSrc !== src) { img.setAttribute('src', normalizedSrc); } } }); } }; window.AudioSystem = { bgm: { player: new Audio(), volume: 0.3, muted: false, currentTrack: null }, sfx: { volume: 0.5, muted: false, players: {}, currentPlaying: null }, voice: { player: new Audio(), volume: 0.7, muted: false, currentVoice: null }, initBGM: function() { if (localStorage.getItem('audioSettings')) { const savedAudio = JSON.parse(localStorage.getItem('audioSettings')); if (savedAudio.bgm) { this.bgm.volume = savedAudio.bgm.volume; this.bgm.muted = savedAudio.bgm.muted; } if (savedAudio.sfx) { this.sfx.volume = savedAudio.sfx.volume; this.sfx.muted = savedAudio.sfx.muted; } if (savedAudio.voice) { this.voice.volume = savedAudio.voice.volume; this.voice.muted = savedAudio.voice.muted; } } this.bgm.player.loop = true; this.bgm.player.volume = this.bgm.volume; this.bgm.player.muted = this.bgm.muted; this.bgm.player.src = 'music/default.mp3'; this.bgm.currentTrack = 'default.mp3'; // Initialize SugarCube master audio volume if (typeof SimpleAudio !== 'undefined') { if (this.sfx.muted) { SimpleAudio.mute(); } else { SimpleAudio.volume(this.sfx.volume); } } }, playBGM: function(track) { const src = ('Music/' + track).toLowerCase().replace(/ /g, '_'); if (this.bgm.currentTrack !== track) { this.bgm.player.src = src; this.bgm.currentTrack = track; this.bgm.player.play().catch(e => console.log('BGM playback prevented:', e)); } }, playSFX: function(sound) { if (this.sfx.muted) return; const src = ('sounds/' + sound).toLowerCase().replace(/ /g, '_'); // Create new player if doesn't exist if (!this.sfx.players[sound]) { this.sfx.players[sound] = new Audio(src); this.sfx.players[sound].volume = this.sfx.volume; } // If sound is already playing, create a new instance if (this.sfx.players[sound].currentTime > 0 && !this.sfx.players[sound].paused) { const tempPlayer = new Audio(src); tempPlayer.volume = this.sfx.volume; tempPlayer.play().catch(e => console.log('SFX playback prevented:', e)); // Clean up temp player after it finishes tempPlayer.onended = () => tempPlayer.remove(); } else { // Play or replay the cached sound this.sfx.players[sound].currentTime = 0; this.sfx.players[sound].play().catch(e => console.log('SFX playback prevented:', e)); } }, playVoice: function(voiceFile) { if (this.voice.muted) return; this.voice.player.src = ('Voice/' + voiceFile).toLowerCase().replace(/ /g, '_'); this.voice.player.volume = this.voice.volume; this.voice.currentVoice = voiceFile; this.voice.player.play().catch(e => console.log('Voice playback prevented:', e)); }, setVolume: function(type, value) { this[type].volume = value; if (type === 'bgm') { this.bgm.player.volume = value; } else if (type === 'voice') { this.voice.player.volume = value; } else if (type === 'sfx') { // Update volume for all cached sound effects Object.values(this.sfx.players).forEach(player => { player.volume = value; }); // Also control SugarCube master audio for SFX (like attack sounds) if (typeof SimpleAudio !== 'undefined') { SimpleAudio.volume(value); } } }, toggleMute: function(type) { this[type].muted = !this[type].muted; if (type === 'bgm') { this.bgm.player.muted = this.bgm.muted; } else if (type === 'voice') { this.voice.player.muted = this.voice.muted; } else if (type === 'sfx') { // Update mute state for all cached sound effects Object.values(this.sfx.players).forEach(player => { player.muted = this.sfx.muted; }); // Also control SugarCube audio muting for SFX if (typeof SimpleAudio !== 'undefined') { if (this.sfx.muted) { SimpleAudio.mute(); } else { SimpleAudio.volume(this.sfx.volume); } } } } }; (function() { const OriginalAudio = window.Audio; const globalAudioRegistry = new Set(); window.AudioSystem.globalAudioRegistry = globalAudioRegistry; window.Audio = function(src) { const audio = new OriginalAudio(src); audio.volume = window.AudioSystem.sfx.volume; audio.muted = window.AudioSystem.sfx.muted; globalAudioRegistry.add(audio); const cleanup = () => globalAudioRegistry.delete(audio); audio.addEventListener('ended', cleanup); audio.addEventListener('error', cleanup); return audio; }; Object.setPrototypeOf(window.Audio, OriginalAudio); Object.defineProperty(window.Audio, 'prototype', { value: OriginalAudio.prototype, writable: false }); const originalToggleMute = window.AudioSystem.toggleMute; window.AudioSystem.toggleMute = function(type) { originalToggleMute.call(this, type); if (type === 'sfx') { globalAudioRegistry.forEach(audio => { audio.muted = this.sfx.muted; }); } }; const originalSetVolume = window.AudioSystem.setVolume; window.AudioSystem.setVolume = function(type, value) { originalSetVolume.call(this, type, value); if (type === 'sfx') { globalAudioRegistry.forEach(audio => { audio.volume = value; }); } }; window.AudioSystem.stopAllSFX = function() { globalAudioRegistry.forEach(audio => { audio.pause(); audio.currentTime = 0; }); Object.values(this.sfx.players).forEach(player => { player.pause(); player.currentTime = 0; }); }; })(); $(document).ready(function() { window.AudioSystem.initBGM(); window.ImagePathSystem.interceptImageLoading(); window.ImagePathSystem.processExistingImages(); $(document).one('click', function() { window.AudioSystem.playBGM('default.mp3'); }); }); $(document).ready(function() { if (State.variables.passageWidth) { $('#passages').css('width', State.variables.passageWidth + '%'); $('#passage-width').val(State.variables.passageWidth); $('#current-width').text(State.variables.passageWidth + '%'); } }); $(document).on('input', '#passage-width', function() { const width = $(this).val(); $('#passages').css('width', width + '%'); $('#current-width').text(width + '%'); State.variables.passageWidth = width; }); <</script>> <<script>> $(document).on(':passagerender', function () { if (!$('#portraitContainer').length) { const portraitContainer = $('<div id="portraitContainer"></div>'); $('#ui-bar').prepend(portraitContainer); setPageElement('portraitContainer', 'StoryLeftSidebar'); } setTimeout(function() { if (window.ImagePathSystem) { window.ImagePathSystem.processExistingImages(); } }, 100); }); <</script>> /* Cum Stats in Milliliters */ /* Mariel's Cum Stats */ <<set $mariel_cumTakenInsideAmount to 65>> <<set $mariel_cumSwallowedAmount to 0>> <<set $mariel_cumOnBodyAmount to 0>> /* Rylan's Cum Stats */ <<set $rylan_cumTakenInsideAmount to 0>> <<set $rylan_cumSwallowedAmount to 0>> <<set $rylan_cumOnBodyAmount to 0>> /* Thalor's Cum Stats */ <<set $thalor_cumTakenInsideAmount to 0>> <<set $thalor_cumSwallowedAmount to 0>> <<set $thalor_cumOnBodyAmount to 0>> /* Liora's Cum Stats */ <<set $liora_cumTakenInsideAmount to 0>> <<set $liora_cumSwallowedAmount to 0>> <<set $liora_cumOnBodyAmount to 0>> /* Serin's Cum Stats */ <<set $serin_cumTakenInsideAmount to 0>> <<set $serin_cumSwallowedAmount to 0>> <<set $serin_cumOnBodyAmount to 0>> /* Seryk's Cum Stats */ <<set $seryk_cumTakenInsideAmount to 0>> <<set $seryk_cumSwallowedAmount to 0>> <<set $seryk_cumOnBodyAmount to 0>> /* Nimeria's Cum Stats */ <<set $Nimeria_cumTakenInsideAmount to 0>> <<set $Nimeria_cumSwallowedAmount to 0>> <<set $Nimeria_cumOnBodyAmount to 0>> /* Character Pair Orgasm Stats */ /* Rylan x Mariel */ <<set $rylan_MarielOrgasmsGiven to 0>> <<set $rylan_MarielOrgasmsReceived to 0>> <<set $mariel_RylanOrgasmsGiven to 0>> <<set $mariel_RylanOrgasmsReceived to 0>> /* Rylan x Thalor */ <<set $rylan_ThalorOrgasmsGiven to 0>> <<set $rylan_ThalorOrgasmsReceived to 0>> <<set $thalor_RylanOrgasmsGiven to 0>> <<set $thalor_RylanOrgasmsReceived to 0>> /* Rylan x Liora */ <<set $rylan_LioraOrgasmsGiven to 0>> <<set $rylan_LioraOrgasmsReceived to 0>> <<set $liora_RylanOrgasmsGiven to 0>> <<set $liora_RylanOrgasmsReceived to 0>> /* Rylan x Serin */ <<set $rylan_SerinOrgasmsGiven to 0>> <<set $rylan_SerinOrgasmsReceived to 0>> <<set $serin_RylanOrgasmsGiven to 0>> <<set $serin_RylanOrgasmsReceived to 0>> /* Rylan x Seryk */ <<set $rylan_SerykOrgasmsGiven to 0>> <<set $rylan_SerykOrgasmsReceived to 0>> <<set $seryk_RylanOrgasmsGiven to 0>> <<set $seryk_RylanOrgasmsReceived to 0>> /* Rylan x Nimeria */ <<set $rylan_NimeriaOrgasmsGiven to 0>> <<set $rylan_NimeriaOrgasmsReceived to 0>> <<set $Nimeria_RylanOrgasmsGiven to 0>> <<set $Nimeria_RylanOrgasmsReceived to 0>> /* Mariel x Thalor */ <<set $mariel_ThalorOrgasmsGiven to 13>> <<set $mariel_ThalorOrgasmsReceived to 0>> <<set $thalor_MarielOrgasmsGiven to 0>> <<set $thalor_MarielOrgasmsReceived to 13>> /* Thalor x Mariel Sexual Stats */ <<set $thalor_MarielKissCount to 39>> <<set $thalor_MarielVaginalCount to 13>> <<set $thalor_MarielAnalCount to 0>> <<set $thalor_MarielAnalTakenCount to 0>> <<set $thalor_MarielHandjobCount to 0>> <<set $thalor_MarielHandjobTakenCount to 0>> <<set $thalor_MarielBlowjobCount to 0>> <<set $thalor_MarielBlowjobTakenCount to 0>> <<set $thalor_MarielFootjobCount to 0>> <<set $thalor_MarielFootjobTakenCount to 0>> <<set $thalor_MarielBoobJobCount to 0>> <<set $thalor_MarielBoobJobTakenCount to 0>> <<set $thalor_MarielBreastsTouchedCount to 0>> <<set $thalor_MarielBreastsTouchedByCount to 0>> <<set $thalor_MarielAssTouchedCount to 0>> <<set $thalor_MarielAssTouchedByCount to 0>> <<set $thalor_MarielCumInsideCount to 13>> <<set $thalor_MarielCumInsideMl to 65>> <<set $thalor_MarielCumSwallowedMl to 0>> <<set $thalor_MarielCumOnBodyMl to 0>> /* Mariel x Liora */ <<set $mariel_LioraOrgasmsGiven to 0>> <<set $mariel_LioraOrgasmsReceived to 0>> <<set $liora_MarielOrgasmsGiven to 0>> <<set $liora_MarielOrgasmsReceived to 0>> /* Mariel x Serin */ <<set $mariel_SerinOrgasmsGiven to 0>> <<set $mariel_SerinOrgasmsReceived to 0>> <<set $serin_MarielOrgasmsGiven to 0>> <<set $serin_MarielOrgasmsReceived to 0>> /* Mariel x Seryk */ <<set $mariel_SerykOrgasmsGiven to 0>> <<set $mariel_SerykOrgasmsReceived to 0>> <<set $seryk_MarielOrgasmsGiven to 0>> <<set $seryk_MarielOrgasmsReceived to 0>> /* Mariel x Nimeria */ <<set $mariel_NimeriaOrgasmsGiven to 0>> <<set $mariel_NimeriaOrgasmsReceived to 0>> <<set $Nimeria_MarielOrgasmsGiven to 0>> <<set $Nimeria_MarielOrgasmsReceived to 0>> /* Thalor x Liora */ <<set $thalor_LioraOrgasmsGiven to 0>> <<set $thalor_LioraOrgasmsReceived to 0>> <<set $liora_ThalorOrgasmsGiven to 0>> <<set $liora_ThalorOrgasmsReceived to 0>> /* Thalor x Serin */ <<set $thalor_SerinOrgasmsGiven to 0>> <<set $thalor_SerinOrgasmsReceived to 0>> <<set $serin_ThalorOrgasmsGiven to 0>> <<set $serin_ThalorOrgasmsReceived to 0>> /* Thalor x Seryk */ <<set $thalor_SerykOrgasmsGiven to 0>> <<set $thalor_SerykOrgasmsReceived to 0>> <<set $seryk_ThalorOrgasmsGiven to 0>> <<set $seryk_ThalorOrgasmsReceived to 0>> /* Thalor x Nimeria */ <<set $thalor_NimeriaOrgasmsGiven to 0>> <<set $thalor_NimeriaOrgasmsReceived to 0>> <<set $Nimeria_ThalorOrgasmsGiven to 0>> <<set $Nimeria_ThalorOrgasmsReceived to 0>> /* Liora x Mariel */ <<set $liora_MarielKissCount to 0>> <<set $liora_MarielVaginalCount to 0>> <<set $liora_MarielAnalCount to 0>> <<set $liora_MarielAnalTakenCount to 0>> <<set $liora_MarielHandjobCount to 0>> <<set $liora_MarielHandjobTakenCount to 0>> <<set $liora_MarielBlowjobCount to 0>> <<set $liora_MarielBlowjobTakenCount to 0>> <<set $liora_MarielFootjobCount to 0>> <<set $liora_MarielFootjobTakenCount to 0>> <<set $liora_MarielBoobJobCount to 0>> <<set $liora_MarielBoobJobTakenCount to 0>> <<set $liora_MarielBreastsTouchedCount to 0>> <<set $liora_MarielBreastsTouchedByCount to 0>> <<set $liora_MarielAssTouchedCount to 0>> <<set $liora_MarielAssTouchedByCount to 0>> <<set $liora_MarielCumInsideCount to 0>> <<set $liora_MarielCumSwallowedMl to 0>> <<set $liora_MarielCumOnBodyMl to 0>> /* Liora x Thalor */ <<set $liora_ThalorKissCount to 0>> <<set $liora_ThalorVaginalCount to 0>> <<set $liora_ThalorAnalCount to 0>> <<set $liora_ThalorAnalTakenCount to 0>> <<set $liora_ThalorHandjobCount to 0>> <<set $liora_ThalorHandjobTakenCount to 0>> <<set $liora_ThalorBlowjobCount to 0>> <<set $liora_ThalorBlowjobTakenCount to 0>> <<set $liora_ThalorFootjobCount to 0>> <<set $liora_ThalorFootjobTakenCount to 0>> <<set $liora_ThalorBoobJobCount to 0>> <<set $liora_ThalorBoobJobTakenCount to 0>> <<set $liora_ThalorBreastsTouchedCount to 0>> <<set $liora_ThalorBreastsTouchedByCount to 0>> <<set $liora_ThalorAssTouchedCount to 0>> <<set $liora_ThalorAssTouchedByCount to 0>> <<set $liora_ThalorCumInsideCount to 0>> <<set $liora_ThalorCumSwallowedMl to 0>> <<set $liora_ThalorCumOnBodyMl to 0>> /* Liora x Serin */ <<set $liora_SerinKissCount to 0>> <<set $liora_SerinVaginalCount to 0>> <<set $liora_SerinAnalCount to 0>> <<set $liora_SerinAnalTakenCount to 0>> <<set $liora_SerinHandjobCount to 0>> <<set $liora_SerinHandjobTakenCount to 0>> <<set $liora_SerinBlowjobCount to 0>> <<set $liora_SerinBlowjobTakenCount to 0>> <<set $liora_SerinFootjobCount to 0>> <<set $liora_SerinFootjobTakenCount to 0>> <<set $liora_SerinBoobJobCount to 0>> <<set $liora_SerinBoobJobTakenCount to 0>> <<set $liora_SerinBreastsTouchedCount to 0>> <<set $liora_SerinBreastsTouchedByCount to 0>> <<set $liora_SerinAssTouchedCount to 0>> <<set $liora_SerinAssTouchedByCount to 0>> <<set $liora_SerinCumInsideCount to 0>> <<set $liora_SerinCumSwallowedMl to 0>> <<set $liora_SerinCumOnBodyMl to 0>> /* Liora x Seryk */ <<set $liora_SerykKissCount to 0>> <<set $liora_SerykVaginalCount to 0>> <<set $liora_SerykAnalCount to 0>> <<set $liora_SerykAnalTakenCount to 0>> <<set $liora_SerykHandjobCount to 0>> <<set $liora_SerykHandjobTakenCount to 0>> <<set $liora_SerykBlowjobCount to 0>> <<set $liora_SerykBlowjobTakenCount to 0>> <<set $liora_SerykFootjobCount to 0>> <<set $liora_SerykFootjobTakenCount to 0>> <<set $liora_SerykBoobJobCount to 0>> <<set $liora_SerykBoobJobTakenCount to 0>> <<set $liora_SerykBreastsTouchedCount to 0>> <<set $liora_SerykBreastsTouchedByCount to 0>> <<set $liora_SerykAssTouchedCount to 0>> <<set $liora_SerykAssTouchedByCount to 0>> <<set $liora_SerykCumInsideCount to 0>> <<set $liora_SerykCumSwallowedMl to 0>> <<set $liora_SerykCumOnBodyMl to 0>> /* Serin x Rylan */ <<set $serin_RylanKissCount to 0>> <<set $serin_RylanVaginalCount to 0>> <<set $serin_RylanAnalCount to 0>> <<set $serin_RylanAnalTakenCount to 0>> <<set $serin_RylanHandjobCount to 0>> <<set $serin_RylanHandjobTakenCount to 0>> <<set $serin_RylanBlowjobCount to 0>> <<set $serin_RylanBlowjobTakenCount to 0>> <<set $serin_RylanFootjobCount to 0>> <<set $serin_RylanFootjobTakenCount to 0>> <<set $serin_RylanBoobJobCount to 0>> <<set $serin_RylanBoobJobTakenCount to 0>> <<set $serin_RylanBreastsTouchedCount to 0>> <<set $serin_RylanBreastsTouchedByCount to 0>> <<set $serin_RylanAssTouchedCount to 0>> <<set $serin_RylanAssTouchedByCount to 0>> <<set $serin_RylanCumInsideCount to 0>> <<set $serin_RylanCumSwallowedMl to 0>> <<set $serin_RylanCumOnBodyMl to 0>> /* Serin x Mariel */ <<set $serin_MarielKissCount to 0>> <<set $serin_MarielVaginalCount to 0>> <<set $serin_MarielAnalCount to 0>> <<set $serin_MarielAnalTakenCount to 0>> <<set $serin_MarielHandjobCount to 0>> <<set $serin_MarielHandjobTakenCount to 0>> <<set $serin_MarielBlowjobCount to 0>> <<set $serin_MarielBlowjobTakenCount to 0>> <<set $serin_MarielFootjobCount to 0>> <<set $serin_MarielFootjobTakenCount to 0>> <<set $serin_MarielBoobJobCount to 0>> <<set $serin_MarielBoobJobTakenCount to 0>> <<set $serin_MarielBreastsTouchedCount to 0>> <<set $serin_MarielBreastsTouchedByCount to 0>> <<set $serin_MarielAssTouchedCount to 0>> <<set $serin_MarielAssTouchedByCount to 0>> <<set $serin_MarielCumInsideCount to 0>> <<set $serin_MarielCumSwallowedMl to 0>> <<set $serin_MarielCumOnBodyMl to 0>> /* Serin x Thalor */ <<set $serin_ThalorKissCount to 0>> <<set $serin_ThalorVaginalCount to 0>> <<set $serin_ThalorAnalCount to 0>> <<set $serin_ThalorAnalTakenCount to 0>> <<set $serin_ThalorHandjobCount to 0>> <<set $serin_ThalorHandjobTakenCount to 0>> <<set $serin_ThalorBlowjobCount to 0>> <<set $serin_ThalorBlowjobTakenCount to 0>> <<set $serin_ThalorFootjobCount to 0>> <<set $serin_ThalorFootjobTakenCount to 0>> <<set $serin_ThalorBoobJobCount to 0>> <<set $serin_ThalorBoobJobTakenCount to 0>> <<set $serin_ThalorBreastsTouchedCount to 0>> <<set $serin_ThalorBreastsTouchedByCount to 0>> <<set $serin_ThalorAssTouchedCount to 0>> <<set $serin_ThalorAssTouchedByCount to 0>> <<set $serin_ThalorCumInsideCount to 0>> <<set $serin_ThalorCumSwallowedMl to 0>> <<set $serin_ThalorCumOnBodyMl to 0>> /* Serin x Liora */ <<set $serin_LioraKissCount to 0>> <<set $serin_LioraVaginalCount to 0>> <<set $serin_LioraAnalCount to 0>> <<set $serin_LioraAnalTakenCount to 0>> <<set $serin_LioraHandjobCount to 0>> <<set $serin_LioraHandjobTakenCount to 0>> <<set $serin_LioraBlowjobCount to 0>> <<set $serin_LioraBlowjobTakenCount to 0>> <<set $serin_LioraFootjobCount to 0>> <<set $serin_LioraFootjobTakenCount to 0>> <<set $serin_LioraBoobJobCount to 0>> <<set $serin_LioraBoobJobTakenCount to 0>> <<set $serin_LioraBreastsTouchedCount to 0>> <<set $serin_LioraBreastsTouchedByCount to 0>> <<set $serin_LioraAssTouchedCount to 0>> <<set $serin_LioraAssTouchedByCount to 0>> <<set $serin_LioraCumInsideCount to 0>> <<set $serin_LioraCumSwallowedMl to 0>> <<set $serin_LioraCumOnBodyMl to 0>> /* Serin x Seryk */ <<set $serin_SerykKissCount to 0>> <<set $serin_SerykVaginalCount to 0>> <<set $serin_SerykAnalCount to 0>> <<set $serin_SerykAnalTakenCount to 0>> <<set $serin_SerykHandjobCount to 0>> <<set $serin_SerykHandjobTakenCount to 0>> <<set $serin_SerykBlowjobCount to 0>> <<set $serin_SerykBlowjobTakenCount to 0>> <<set $serin_SerykFootjobCount to 0>> <<set $serin_SerykFootjobTakenCount to 0>> <<set $serin_SerykBoobJobCount to 0>> <<set $serin_SerykBoobJobTakenCount to 0>> <<set $serin_SerykBreastsTouchedCount to 0>> <<set $serin_SerykBreastsTouchedByCount to 0>> <<set $serin_SerykAssTouchedCount to 0>> <<set $serin_SerykAssTouchedByCount to 0>> <<set $serin_SerykCumInsideCount to 0>> <<set $serin_SerykCumSwallowedMl to 0>> <<set $serin_SerykCumOnBodyMl to 0>> /* Serin x Seryk */ <<set $serin_SerykOrgasmsGiven to 0>> <<set $serin_SerykOrgasmsReceived to 0>> <<set $seryk_SerinOrgasmsGiven to 0>> <<set $seryk_SerinOrgasmsReceived to 0>> /* Serin x Nimeria */ <<set $serin_NimeriaKissCount to 0>> <<set $serin_NimeriaVaginalCount to 0>> <<set $serin_NimeriaAnalCount to 0>> <<set $serin_NimeriaAnalTakenCount to 0>> <<set $serin_NimeriaHandjobCount to 0>> <<set $serin_NimeriaHandjobTakenCount to 0>> <<set $serin_NimeriaBlowjobCount to 0>> <<set $serin_NimeriaBlowjobTakenCount to 0>> <<set $serin_NimeriaFootjobCount to 0>> <<set $serin_NimeriaFootjobTakenCount to 0>> <<set $serin_NimeriaBoobJobCount to 0>> <<set $serin_NimeriaBoobJobTakenCount to 0>> <<set $serin_NimeriaBreastsTouchedCount to 0>> <<set $serin_NimeriaBreastsTouchedByCount to 0>> <<set $serin_NimeriaAssTouchedCount to 0>> <<set $serin_NimeriaAssTouchedByCount to 0>> <<set $serin_NimeriaCumInsideCount to 0>> <<set $serin_NimeriaCumSwallowedMl to 0>> <<set $serin_NimeriaCumOnBodyMl to 0>> /* Seryk x Nimeria */ <<set $seryk_NimeriaKissCount to 0>> <<set $seryk_NimeriaVaginalCount to 0>> <<set $seryk_NimeriaAnalCount to 0>> <<set $seryk_NimeriaAnalTakenCount to 0>> <<set $seryk_NimeriaHandjobCount to 0>> <<set $seryk_NimeriaHandjobTakenCount to 0>> <<set $seryk_NimeriaBlowjobCount to 0>> <<set $seryk_NimeriaBlowjobTakenCount to 0>> <<set $seryk_NimeriaFootjobCount to 0>> <<set $seryk_NimeriaFootjobTakenCount to 0>> <<set $seryk_NimeriaBoobJobCount to 0>> <<set $seryk_NimeriaBoobJobTakenCount to 0>> <<set $seryk_NimeriaBreastsTouchedCount to 0>> <<set $seryk_NimeriaBreastsTouchedByCount to 0>> <<set $seryk_NimeriaAssTouchedCount to 0>> <<set $seryk_NimeriaAssTouchedByCount to 0>> <<set $seryk_NimeriaCumInsideCount to 0>> <<set $seryk_NimeriaCumSwallowedMl to 0>> <<set $seryk_NimeriaCumOnBodyMl to 0>> /* Individual Character Total Orgasms */ /* Rylan's Total Orgasms */ <<set $rylan_orgasmsGiven to 0>> <<set $rylan_orgasmsReceived to 0>> /* Mariel's Total Orgasms */ <<set $mariel_orgasmsGiven to 13>> <<set $mariel_orgasmsReceived to 0>> /* Thalor's Total Orgasms */ <<set $thalor_orgasmsGiven to 0>> <<set $thalor_orgasmsReceived to 13>> /* Liora's Total Orgasms */ <<set $liora_orgasmsGiven to 0>> <<set $liora_orgasmsReceived to 0>> /* Serin's Total Orgasms */ <<set $serin_orgasmsGiven to 0>> <<set $serin_orgasmsReceived to 0>> /* Seryk's Total Orgasms */ <<set $seryk_orgasmsGiven to 0>> <<set $seryk_orgasmsReceived to 0>> /* Nimeria's Total Orgasms */ <<set $Nimeria_orgasmsGiven to 0>> <<set $Nimeria_orgasmsReceived to 0>> /* Character Relationship Cum Stats */ /* Mariel x Rylan */ <<set $mariel_RylanCumInsideAmount to 0>> <<set $mariel_RylanCumSwallowedAmount to 0>> <<set $mariel_RylanCumOnBodyAmount to 0>> /* Mariel x Thalor */ <<set $mariel_ThalorCumInsideAmount to 65>> /* Converted from 65 times at 5ml each */ <<set $mariel_ThalorCumSwallowedAmount to 0>> <<set $mariel_ThalorCumOnBodyAmount to 0>> /* Mariel x Liora */ <<set $mariel_LioraCumInsideAmount to 0>> <<set $mariel_LioraCumSwallowedAmount to 0>> <<set $mariel_LioraCumOnBodyAmount to 0>> /* Mariel x Serin */ <<set $mariel_SerinCumInsideAmount to 0>> <<set $mariel_SerinCumSwallowedAmount to 0>> <<set $mariel_SerinCumOnBodyAmount to 0>> /* Mariel x Seryk */ <<set $mariel_SerykCumInsideAmount to 0>> <<set $mariel_SerykCumSwallowedAmount to 0>> <<set $mariel_SerykCumOnBodyAmount to 0>> /* Mariel x Nimeria */ <<set $mariel_NimeriaCumInsideAmount to 0>> <<set $mariel_NimeriaCumSwallowedAmount to 0>> <<set $mariel_NimeriaCumOnBodyAmount to 0>> /* Rylan x Thalor */ <<set $rylan_ThalorCumInsideAmount to 0>> <<set $rylan_ThalorCumSwallowedAmount to 0>> <<set $rylan_ThalorCumOnBodyAmount to 0>> /* Rylan x Liora */ <<set $rylan_LioraCumInsideAmount to 0>> <<set $rylan_LioraCumSwallowedAmount to 0>> <<set $rylan_LioraCumOnBodyAmount to 0>> /* Rylan x Serin */ <<set $rylan_SerinCumInsideAmount to 0>> <<set $rylan_SerinCumSwallowedAmount to 0>> <<set $rylan_SerinCumOnBodyAmount to 0>> /* Rylan x Seryk */ <<set $rylan_SerykCumInsideAmount to 0>> <<set $rylan_SerykCumSwallowedAmount to 0>> <<set $rylan_SerykCumOnBodyAmount to 0>> /* Rylan x Nimeria */ <<set $rylan_NimeriaCumInsideAmount to 0>> <<set $rylan_NimeriaCumSwallowedAmount to 0>> <<set $rylan_NimeriaCumOnBodyAmount to 0>> /* Thalor x Liora */ <<set $thalor_LioraCumInsideAmount to 0>> <<set $thalor_LioraCumSwallowedAmount to 0>> <<set $thalor_LioraCumOnBodyAmount to 0>> /* Thalor x Serin */ <<set $thalor_SerinCumInsideAmount to 0>> <<set $thalor_SerinCumSwallowedAmount to 0>> <<set $thalor_SerinCumOnBodyAmount to 0>> /* Thalor x Seryk */ <<set $thalor_SerykCumInsideAmount to 0>> <<set $thalor_SerykCumSwallowedAmount to 0>> <<set $thalor_SerykCumOnBodyAmount to 0>> /* Thalor x Nimeria */ <<set $thalor_NimeriaCumInsideAmount to 0>> <<set $thalor_NimeriaCumSwallowedAmount to 0>> <<set $thalor_NimeriaCumOnBodyAmount to 0>> /* Liora x Serin */ <<set $liora_SerinCumInsideAmount to 0>> <<set $liora_SerinCumSwallowedAmount to 0>> <<set $liora_SerinCumOnBodyAmount to 0>> /* Liora x Seryk */ <<set $liora_SerykCumInsideAmount to 0>> <<set $liora_SerykCumSwallowedAmount to 0>> <<set $liora_SerykCumOnBodyAmount to 0>> /* Liora x Nimeria */ <<set $liora_NimeriaCumInsideAmount to 0>> <<set $liora_NimeriaCumSwallowedAmount to 0>> <<set $liora_NimeriaCumOnBodyAmount to 0>> /* Serin x Seryk */ <<set $serin_SerykCumInsideAmount to 0>> <<set $serin_SerykCumSwallowedAmount to 0>> <<set $serin_SerykCumOnBodyAmount to 0>> /* Serin x Nimeria */ <<set $serin_NimeriaCumInsideAmount to 0>> <<set $serin_NimeriaCumSwallowedAmount to 0>> <<set $serin_NimeriaCumOnBodyAmount to 0>> /* Seryk x Nimeria */ <<set $seryk_NimeriaCumInsideAmount to 0>> <<set $seryk_NimeriaCumSwallowedAmount to 0>> <<set $seryk_NimeriaCumOnBodyAmount to 0>> /* Lust System Configuration */ <<set $lustDecayPerHour to 2>> /* How much lust decreases per hour naturally */ <<set $lustDecayOnSleep to 25>> /* How much lust decreases when sleeping */ <<set $lustIncreaseFromGlance to 3>> /* Base lust increase from glancing at attractive features */ <<set $lustIncreaseMultiplierFromFetish to 2>> /* Multiplier for lust increase when related fetish exists */ /* Initialize Soul Forge System */ State.variables.soulForgeData = { isUnlocked: false, discoveredMemories: [], collectedCrystals: { joy: 0, valor: 0, bond: 0, sorrow: 0 }, resonanceThreads: [], soulEssence: 0, unlockedPaths: [] }; /* First Experience Variables - Defaults for Established Couples */ <<set $thalorFirstKiss to "Mariel">> <<set $thalorFirstVaginal to "Mariel">> <<set $marielFirstKiss to "Thalor">> <<set $marielFirstVaginal to "Thalor">> /* Content Preference System */ <<set $allowGayContent = true>> // Default to true, can be changed by user choice /* Gay Value System */ <<set $baseGayResistance = 85>> // Base resistance for gay content when disabled <<set $minGayValue = 0>> <<set $maxGayValue = 100>> <<set $gayValueIncreaseRate = 1>> // Base rate for gay value increase <<set $gayValueDecreaseRate = 2>> // Base rate for gay value decrease /* Initialize character gay values */ <<set $rylanGayValue = 0>> <<set $serykGayValue = 0>> <<set $thalorGayValue = 0>> /* Gay Content Reaction System */ window.GayContentSystem = { canAcceptAdvance: function(character) { if ($allowGayContent) { // If gay content is allowed, check character's individual gay value let gayValue = State.variables[character.toLowerCase() + 'GayValue'] || 0; return gayValue >= 50; // Accepts if gay value is high enough } else { // If gay content is disabled, only accept if character is feminized let femininity = State.variables[character.toLowerCase() + 'Femininity'] || 0; return femininity >= 75; // Only accepts if highly feminized } }, getReaction: function(character, action) { let gayValue = State.variables[character.toLowerCase() + 'GayValue'] || 0; let femininity = State.variables[character.toLowerCase() + 'Femininity'] || 0; if (!$allowGayContent && femininity < 75) { return "disgusted"; // Always disgusted unless highly feminized } if (gayValue < 20) return "disgusted"; if (gayValue < 40) return "reluctant"; if (gayValue < 60) return "neutral"; if (gayValue < 80) return "interested"; return "eager"; }, modifyGayValue: function(character, amount) { let varName = character.toLowerCase() + 'GayValue'; if (!$allowGayContent && amount > 0) { // If gay content is disabled, gay value increases are reduced amount = amount * 0.25; } State.variables[varName] = Math.clamp( State.variables[varName] + amount, State.variables.minGayValue, State.variables.maxGayValue ); } }; /* Base Stats */ <<set $rylan_basePhysicalPower to 10>> <<set $rylan_baseAgility to 10>> <<set $rylan_baseWillpower to 10>> <<set $rylan_baseTechnique to 10>> <<set $rylan_baseStamina to 100>> <<set $rylan_baseFocus to 10>> /* Mariel Base Stats */ <<set $mariel_basePhysicalPower to 8>> <<set $mariel_baseAgility to 12>> <<set $mariel_baseWillpower to 15>> <<set $mariel_baseTechnique to 12>> <<set $mariel_baseStamina to 90>> <<set $mariel_baseFocus to 13>> /* Liora Base Stats */ <<set $liora_basePhysicalPower to 7>> <<set $liora_baseAgility to 11>> <<set $liora_baseWillpower to 16>> <<set $liora_baseTechnique to 13>> <<set $liora_baseStamina to 85>> <<set $liora_baseFocus to 14>> /* Serin Base Stats */ <<set $serin_basePhysicalPower to 11>> <<set $serin_baseAgility to 15>> <<set $serin_baseWillpower to 10>> <<set $serin_baseTechnique to 12>> <<set $serin_baseStamina to 95>> <<set $serin_baseFocus to 12>> /* Seryk Base Stats */ <<set $seryk_basePhysicalPower to 25>> <<set $seryk_baseAgility to 25>> <<set $seryk_baseWillpower to 25>> <<set $seryk_baseTechnique to 25>> <<set $seryk_baseStamina to 120>> <<set $seryk_baseFocus to 25>> /* Nimeria Base Stats */ <<set $Nimeria_basePhysicalPower to 10>> <<set $Nimeria_baseAgility to 13>> <<set $Nimeria_baseWillpower to 16>> <<set $Nimeria_baseTechnique to 15>> <<set $Nimeria_baseStamina to 100>> <<set $Nimeria_baseFocus to 14>> // Stat Change Notification System window.StatSystem = { showStatChange: function(source, target, type, value) { let icon = ''; let cssClass = ''; switch(type.toLowerCase()) { case 'affection': icon = value >= 0 ? '💗' : '💔'; cssClass = 'affection'; break; case 'attraction': icon = '💝'; cssClass = 'attraction'; break; case 'lust': icon = '💢'; cssClass = 'lust'; break; case 'corruption': icon = '🌑'; cssClass = 'corruption'; break; case 'fetish': icon = '🔥'; cssClass = 'fetish'; break; case 'experience': icon = '✨'; cssClass = 'exp'; break; } // Format: [icon] Source -> Target: [+/-]value let msg; if (target) { msg = icon + " " + source + " -> " + target + ": " + (value >= 0 ? '+' : '') + value; } else { // For single-character stats like experience msg = icon + " " + source + ": " + (value >= 0 ? '+' : '') + value; } UI.alert(msg); } }; // Helper functions for stat changes window.affectionChange = function(source, target, value) { StatSystem.showStatChange(source, target, 'affection', value); }; window.attractionChange = function(source, target, value) { StatSystem.showStatChange(source, target, 'attraction', value); }; window.lustChange = function(source, value) { StatSystem.showStatChange(source, null, 'lust', value); }; window.corruptionChange = function(source, value) { StatSystem.showStatChange(source, null, 'corruption', value); }; window.fetishChange = function(source, type, value) { StatSystem.showStatChange(source, type, 'fetish', value); }; window.experienceGain = function(source, type, value) { StatSystem.showStatChange(source + " " + type, null, 'experience', value); }; /* Rylan Stats */ /* Character Relationship Sexual Stats */ /* Rylan x Thalor */ <<set $rylan_ThalorKissCount to 0>> <<set $rylan_ThalorVaginalCount to 0>> <<set $rylan_ThalorAnalCount to 0>> <<set $rylan_ThalorAnalTakenCount to 0>> <<set $rylan_ThalorHandjobCount to 0>> <<set $rylan_ThalorHandjobTakenCount to 0>> <<set $rylan_ThalorBlowjobCount to 0>> <<set $rylan_ThalorBlowjobTakenCount to 0>> <<set $rylan_ThalorFootjobCount to 0>> <<set $rylan_ThalorFootjobTakenCount to 0>> <<set $rylan_ThalorBoobJobCount to 0>> <<set $rylan_ThalorBoobJobTakenCount to 0>> <<set $rylan_ThalorBreastsTouchedCount to 0>> <<set $rylan_ThalorBreastsTouchedByCount to 0>> <<set $rylan_ThalorAssTouchedCount to 0>> <<set $rylan_ThalorAssTouchedByCount to 0>> <<set $rylan_ThalorCumInsideCount to 0>> <<set $rylan_ThalorCumSwallowedMl to 0>> <<set $rylan_ThalorCumOnBodyMl to 0>> /* Rylan x Mariel */ <<set $rylan_MarielKissCount to 0>> <<set $rylan_MarielVaginalCount to 0>> <<set $rylan_MarielAnalCount to 0>> <<set $rylan_MarielAnalTakenCount to 0>> <<set $rylan_MarielHandjobCount to 0>> <<set $rylan_MarielHandjobTakenCount to 0>> <<set $rylan_MarielBlowjobCount to 0>> <<set $rylan_MarielBlowjobTakenCount to 0>> <<set $rylan_MarielFootjobCount to 0>> <<set $rylan_MarielFootjobTakenCount to 0>> <<set $rylan_MarielBoobJobCount to 0>> <<set $rylan_MarielBoobJobTakenCount to 0>> <<set $rylan_MarielBreastsTouchedCount to 0>> <<set $rylan_MarielBreastsTouchedByCount to 0>> <<set $rylan_MarielAssTouchedCount to 0>> <<set $rylan_MarielAssTouchedByCount to 0>> <<set $rylan_MarielCumInsideCount to 0>> <<set $rylan_MarielCumSwallowedMl to 0>> <<set $rylan_MarielCumOnBodyMl to 0>> /* Rylan x Liora */ <<set $rylan_LioraKissCount to 0>> <<set $rylan_LioraVaginalCount to 0>> <<set $rylan_LioraAnalCount to 0>> <<set $rylan_LioraAnalTakenCount to 0>> <<set $rylan_LioraHandjobCount to 0>> <<set $rylan_LioraHandjobTakenCount to 0>> <<set $rylan_LioraBlowjobCount to 0>> <<set $rylan_LioraBlowjobTakenCount to 0>> <<set $rylan_LioraFootjobCount to 0>> <<set $rylan_LioraFootjobTakenCount to 0>> <<set $rylan_LioraBoobJobCount to 0>> <<set $rylan_LioraBoobJobTakenCount to 0>> <<set $rylan_LioraBreastsTouchedCount to 0>> <<set $rylan_LioraBreastsTouchedByCount to 0>> <<set $rylan_LioraAssTouchedCount to 0>> <<set $rylan_LioraAssTouchedByCount to 0>> <<set $rylan_LioraCumInsideCount to 0>> <<set $rylan_LioraCumSwallowedMl to 0>> <<set $rylan_LioraCumOnBodyMl to 0>> /* Rylan x Serin */ <<set $rylan_SerinKissCount to 0>> <<set $rylan_SerinVaginalCount to 0>> <<set $rylan_SerinAnalCount to 0>> <<set $rylan_SerinAnalTakenCount to 0>> <<set $rylan_SerinHandjobCount to 0>> <<set $rylan_SerinHandjobTakenCount to 0>> <<set $rylan_SerinBlowjobCount to 0>> <<set $rylan_SerinBlowjobTakenCount to 0>> <<set $rylan_SerinFootjobCount to 0>> <<set $rylan_SerinFootjobTakenCount to 0>> <<set $rylan_SerinBoobJobCount to 0>> <<set $rylan_SerinBoobJobTakenCount to 0>> <<set $rylan_SerinBreastsTouchedCount to 0>> <<set $rylan_SerinBreastsTouchedByCount to 0>> <<set $rylan_SerinAssTouchedCount to 0>> <<set $rylan_SerinAssTouchedByCount to 0>> <<set $rylan_SerinCumInsideCount to 0>> <<set $rylan_SerinCumSwallowedMl to 0>> <<set $rylan_SerinCumOnBodyMl to 0>> /* Rylan x Seryk */ <<set $rylan_SerykKissCount to 0>> <<set $rylan_SerykVaginalCount to 0>> <<set $rylan_SerykAnalCount to 0>> <<set $rylan_SerykAnalTakenCount to 0>> <<set $rylan_SerykHandjobCount to 0>> <<set $rylan_SerykHandjobTakenCount to 0>> <<set $rylan_SerykBlowjobCount to 0>> <<set $rylan_SerykBlowjobTakenCount to 0>> <<set $rylan_SerykFootjobCount to 0>> <<set $rylan_SerykFootjobTakenCount to 0>> <<set $rylan_SerykBoobJobCount to 0>> <<set $rylan_SerykBoobJobTakenCount to 0>> <<set $rylan_SerykBreastsTouchedCount to 0>> <<set $rylan_SerykBreastsTouchedByCount to 0>> <<set $rylan_SerykAssTouchedCount to 0>> <<set $rylan_SerykAssTouchedByCount to 0>> <<set $rylan_SerykCumInsideCount to 0>> <<set $rylan_SerykCumSwallowedMl to 0>> <<set $rylan_SerykCumOnBodyMl to 0>> /* Rylan x Nimeria */ <<set $rylan_NimeriaKissCount to 0>> <<set $rylan_NimeriaVaginalCount to 0>> <<set $rylan_NimeriaAnalCount to 0>> <<set $rylan_NimeriaAnalTakenCount to 0>> <<set $rylan_NimeriaHandjobCount to 0>> <<set $rylan_NimeriaHandjobTakenCount to 0>> <<set $rylan_NimeriaBlowjobCount to 0>> <<set $rylan_NimeriaBlowjobTakenCount to 0>> <<set $rylan_NimeriaFootjobCount to 0>> <<set $rylan_NimeriaFootjobTakenCount to 0>> <<set $rylan_NimeriaBoobJobCount to 0>> <<set $rylan_NimeriaBoobJobTakenCount to 0>> <<set $rylan_NimeriaBreastsTouchedCount to 0>> <<set $rylan_NimeriaBreastsTouchedByCount to 0>> <<set $rylan_NimeriaAssTouchedCount to 0>> <<set $rylan_NimeriaAssTouchedByCount to 0>> <<set $rylan_NimeriaCumInsideCount to 0>> <<set $rylan_NimeriaCumSwallowedMl to 0>> <<set $rylan_NimeriaCumOnBodyMl to 0>> /* Mariel x Thalor */ <<set $mariel_ThalorKissCount to 39>> <<set $mariel_ThalorVaginalCount to 13>> <<set $mariel_ThalorAnalCount to 0>> <<set $mariel_ThalorAnalTakenCount to 0>> <<set $mariel_ThalorHandjobCount to 0>> <<set $mariel_ThalorHandjobTakenCount to 0>> <<set $mariel_ThalorBlowjobCount to 0>> <<set $mariel_ThalorBlowjobTakenCount to 0>> <<set $mariel_ThalorFootjobCount to 0>> <<set $mariel_ThalorFootjobTakenCount to 0>> <<set $mariel_ThalorBoobJobCount to 0>> <<set $mariel_ThalorBoobJobTakenCount to 0>> <<set $mariel_ThalorBreastsTouchedCount to 0>> <<set $mariel_ThalorBreastsTouchedByCount to 0>> <<set $mariel_ThalorAssTouchedCount to 0>> <<set $mariel_ThalorAssTouchedByCount to 0>> <<set $mariel_ThalorCumInsideCount to 13>> <<set $mariel_ThalorCumInsideMl to 65>> <<set $mariel_ThalorCumSwallowedMl to 0>> <<set $mariel_ThalorCumOnBodyMl to 0>> /* Mariel x Liora */ <<set $mariel_LioraKissCount to 0>> <<set $mariel_LioraVaginalCount to 0>> <<set $mariel_LioraAnalCount to 0>> <<set $mariel_LioraAnalTakenCount to 0>> <<set $mariel_LioraHandjobCount to 0>> <<set $mariel_LioraHandjobTakenCount to 0>> <<set $mariel_LioraBlowjobCount to 0>> <<set $mariel_LioraBlowjobTakenCount to 0>> <<set $mariel_LioraFootjobCount to 0>> <<set $mariel_LioraFootjobTakenCount to 0>> <<set $mariel_LioraBoobJobCount to 0>> <<set $mariel_LioraBoobJobTakenCount to 0>> <<set $mariel_LioraBreastsTouchedCount to 0>> <<set $mariel_LioraBreastsTouchedByCount to 0>> <<set $mariel_LioraAssTouchedCount to 0>> <<set $mariel_LioraAssTouchedByCount to 0>> <<set $mariel_LioraCumInsideCount to 0>> <<set $mariel_LioraCumSwallowedMl to 0>> <<set $mariel_LioraCumOnBodyMl to 0>> /* Mariel x Serin */ <<set $mariel_SerinKissCount to 0>> <<set $mariel_SerinVaginalCount to 0>> <<set $mariel_SerinAnalCount to 0>> <<set $mariel_SerinAnalTakenCount to 0>> <<set $mariel_SerinHandjobCount to 0>> <<set $mariel_SerinHandjobTakenCount to 0>> <<set $mariel_SerinBlowjobCount to 0>> <<set $mariel_SerinBlowjobTakenCount to 0>> <<set $mariel_SerinFootjobCount to 0>> <<set $mariel_SerinFootjobTakenCount to 0>> <<set $mariel_SerinBoobJobCount to 0>> <<set $mariel_SerinBoobJobTakenCount to 0>> <<set $mariel_SerinBreastsTouchedCount to 0>> <<set $mariel_SerinBreastsTouchedByCount to 0>> <<set $mariel_SerinAssTouchedCount to 0>> <<set $mariel_SerinAssTouchedByCount to 0>> <<set $mariel_SerinCumInsideCount to 0>> <<set $mariel_SerinCumSwallowedMl to 0>> <<set $mariel_SerinCumOnBodyMl to 0>> /* Mariel x Seryk */ <<set $mariel_SerykKissCount to 0>> <<set $mariel_SerykVaginalCount to 0>> <<set $mariel_SerykAnalCount to 0>> <<set $mariel_SerykAnalTakenCount to 0>> <<set $mariel_SerykHandjobCount to 0>> <<set $mariel_SerykHandjobTakenCount to 0>> <<set $mariel_SerykBlowjobCount to 0>> <<set $mariel_SerykBlowjobTakenCount to 0>> <<set $mariel_SerykFootjobCount to 0>> <<set $mariel_SerykFootjobTakenCount to 0>> <<set $mariel_SerykBoobJobCount to 0>> <<set $mariel_SerykBoobJobTakenCount to 0>> <<set $mariel_SerykBreastsTouchedCount to 0>> <<set $mariel_SerykBreastsTouchedByCount to 0>> <<set $mariel_SerykAssTouchedCount to 0>> <<set $mariel_SerykAssTouchedByCount to 0>> <<set $mariel_SerykCumInsideCount to 0>> <<set $mariel_SerykCumSwallowedMl to 0>> <<set $mariel_SerykCumOnBodyMl to 0>> /* Mariel x Nimeria */ <<set $mariel_NimeriaKissCount to 0>> <<set $mariel_NimeriaVaginalCount to 0>> <<set $mariel_NimeriaAnalCount to 0>> <<set $mariel_NimeriaAnalTakenCount to 0>> <<set $mariel_NimeriaHandjobCount to 0>> <<set $mariel_NimeriaHandjobTakenCount to 0>> <<set $mariel_NimeriaBlowjobCount to 0>> <<set $mariel_NimeriaBlowjobTakenCount to 0>> <<set $mariel_NimeriaFootjobCount to 0>> <<set $mariel_NimeriaFootjobTakenCount to 0>> <<set $mariel_NimeriaBoobJobCount to 0>> <<set $mariel_NimeriaBoobJobTakenCount to 0>> <<set $mariel_NimeriaBreastsTouchedCount to 0>> <<set $mariel_NimeriaBreastsTouchedByCount to 0>> <<set $mariel_NimeriaAssTouchedCount to 0>> <<set $mariel_NimeriaAssTouchedByCount to 0>> <<set $mariel_NimeriaCumInsideCount to 0>> <<set $mariel_NimeriaCumSwallowedMl to 0>> <<set $mariel_NimeriaCumOnBodyMl to 0>> /* Thalor x Rylan */ <<set $thalor_RylanKissCount to 0>> <<set $thalor_RylanVaginalCount to 0>> <<set $thalor_RylanAnalCount to 0>> <<set $thalor_RylanAnalTakenCount to 0>> <<set $thalor_RylanHandjobCount to 0>> <<set $thalor_RylanHandjobTakenCount to 0>> <<set $thalor_RylanBlowjobCount to 0>> <<set $thalor_RylanBlowjobTakenCount to 0>> <<set $thalor_RylanFootjobCount to 0>> <<set $thalor_RylanFootjobTakenCount to 0>> <<set $thalor_RylanBoobJobCount to 0>> <<set $thalor_RylanBoobJobTakenCount to 0>> <<set $thalor_RylanBreastsTouchedCount to 0>> <<set $thalor_RylanBreastsTouchedByCount to 0>> <<set $thalor_RylanAssTouchedCount to 0>> <<set $thalor_RylanAssTouchedByCount to 0>> <<set $thalor_RylanCumInsideCount to 0>> <<set $thalor_RylanCumSwallowedMl to 0>> <<set $thalor_RylanCumOnBodyMl to 0>> /* Thalor x Mariel */ <<set $thalor_MarielKissCount to 39>> <<set $thalor_MarielVaginalCount to 13>> <<set $thalor_MarielAnalCount to 0>> <<set $thalor_MarielAnalTakenCount to 0>> <<set $thalor_MarielHandjobCount to 0>> <<set $thalor_MarielHandjobTakenCount to 0>> <<set $thalor_MarielBlowjobCount to 0>> <<set $thalor_MarielBlowjobTakenCount to 0>> <<set $thalor_MarielFootjobCount to 0>> <<set $thalor_MarielFootjobTakenCount to 0>> <<set $thalor_MarielBoobJobCount to 0>> <<set $thalor_MarielBoobJobTakenCount to 0>> <<set $thalor_MarielBreastsTouchedCount to 0>> <<set $thalor_MarielBreastsTouchedByCount to 0>> <<set $thalor_MarielAssTouchedCount to 0>> <<set $thalor_MarielAssTouchedByCount to 0>> <<set $thalor_MarielCumInsideCount to 13>> <<set $thalor_MarielCumInsideMl to 65>> <<set $thalor_MarielCumSwallowedMl to 0>> <<set $thalor_MarielCumOnBodyMl to 0>> /* Thalor x Liora */ <<set $thalor_LioraKissCount to 0>> <<set $thalor_LioraVaginalCount to 0>> <<set $thalor_LioraAnalCount to 0>> <<set $thalor_LioraAnalTakenCount to 0>> <<set $thalor_LioraHandjobCount to 0>> <<set $thalor_LioraHandjobTakenCount to 0>> <<set $thalor_LioraBlowjobCount to 0>> <<set $thalor_LioraBlowjobTakenCount to 0>> <<set $thalor_LioraFootjobCount to 0>> <<set $thalor_LioraFootjobTakenCount to 0>> <<set $thalor_LioraBoobJobCount to 0>> <<set $thalor_LioraBoobJobTakenCount to 0>> <<set $thalor_LioraBreastsTouchedCount to 0>> <<set $thalor_LioraBreastsTouchedByCount to 0>> <<set $thalor_LioraAssTouchedCount to 0>> <<set $thalor_LioraAssTouchedByCount to 0>> <<set $thalor_LioraCumInsideCount to 0>> <<set $thalor_LioraCumSwallowedMl to 0>> <<set $thalor_LioraCumOnBodyMl to 0>> /* Thalor x Serin */ <<set $thalor_SerinKissCount to 0>> <<set $thalor_SerinVaginalCount to 0>> <<set $thalor_SerinAnalCount to 0>> <<set $thalor_SerinAnalTakenCount to 0>> <<set $thalor_SerinHandjobCount to 0>> <<set $thalor_SerinHandjobTakenCount to 0>> <<set $thalor_SerinBlowjobCount to 0>> <<set $thalor_SerinBlowjobTakenCount to 0>> <<set $thalor_SerinFootjobCount to 0>> <<set $thalor_SerinFootjobTakenCount to 0>> <<set $thalor_SerinBoobJobCount to 0>> <<set $thalor_SerinBoobJobTakenCount to 0>> <<set $thalor_SerinBreastsTouchedCount to 0>> <<set $thalor_SerinBreastsTouchedByCount to 0>> <<set $thalor_SerinAssTouchedCount to 0>> <<set $thalor_SerinAssTouchedByCount to 0>> <<set $thalor_SerinCumInsideCount to 0>> <<set $thalor_SerinCumSwallowedMl to 0>> <<set $thalor_SerinCumOnBodyMl to 0>> /* Thalor x Seryk */ <<set $thalor_SerykKissCount to 0>> <<set $thalor_SerykVaginalCount to 0>> <<set $thalor_SerykAnalCount to 0>> <<set $thalor_SerykAnalTakenCount to 0>> <<set $thalor_SerykHandjobCount to 0>> <<set $thalor_SerykHandjobTakenCount to 0>> <<set $thalor_SerykBlowjobCount to 0>> <<set $thalor_SerykBlowjobTakenCount to 0>> <<set $thalor_SerykFootjobCount to 0>> <<set $thalor_SerykFootjobTakenCount to 0>> <<set $thalor_SerykBoobJobCount to 0>> <<set $thalor_SerykBoobJobTakenCount to 0>> <<set $thalor_SerykBreastsTouchedCount to 0>> <<set $thalor_SerykBreastsTouchedByCount to 0>> <<set $thalor_SerykAssTouchedCount to 0>> <<set $thalor_SerykAssTouchedByCount to 0>> <<set $thalor_SerykCumInsideCount to 0>> <<set $thalor_SerykCumSwallowedMl to 0>> <<set $thalor_SerykCumOnBodyMl to 0>> /* Thalor x Nimeria */ <<set $thalor_NimeriaKissCount to 0>> <<set $thalor_NimeriaVaginalCount to 0>> <<set $thalor_NimeriaAnalCount to 0>> <<set $thalor_NimeriaAnalTakenCount to 0>> <<set $thalor_NimeriaHandjobCount to 0>> <<set $thalor_NimeriaHandjobTakenCount to 0>> <<set $thalor_NimeriaBlowjobCount to 0>> <<set $thalor_NimeriaBlowjobTakenCount to 0>> <<set $thalor_NimeriaFootjobCount to 0>> <<set $thalor_NimeriaFootjobTakenCount to 0>> <<set $thalor_NimeriaBoobJobCount to 0>> <<set $thalor_NimeriaBoobJobTakenCount to 0>> <<set $thalor_NimeriaBreastsTouchedCount to 0>> <<set $thalor_NimeriaBreastsTouchedByCount to 0>> <<set $thalor_NimeriaAssTouchedCount to 0>> <<set $thalor_NimeriaAssTouchedByCount to 0>> <<set $thalor_NimeriaCumInsideCount to 0>> <<set $thalor_NimeriaCumSwallowedMl to 0>> <<set $thalor_NimeriaCumOnBodyMl to 0>> /* Additional Fetish Stats for Each Character */ /* Rylan Additional Fetishes */ <<set $rylan_BreastFetish to 0>> <<set $rylan_AssFetish to 0>> <<set $rylan_ThighFetish to 0>> <<set $rylan_PenisFetish to 0>> <<set $rylan_VaginaFetish to 0>> <<set $rylan_ExhibitionismFetish to 0>> <<set $rylan_VoyeurismFetish to 0>> <<set $rylan_BondageFetish to 0>> <<set $rylan_DominanceFetish to 0>> <<set $rylan_SubmissionFetish to 0>> <<set $rylan_MasochismFetish to 0>> <<set $rylan_SadismFetish to 0>> <<set $rylan_PublicSexAddiction to 0>> /* Rylan Additional Sexual Stats */ <<set $rylan_orgasmDenialCount to 0>> <<set $rylan_edgingCount to 0>> <<set $rylan_publicExposureCount to 0>> <<set $rylan_publicOrgasmCount to 0>> <<set $rylan_bondageExperienceCount to 0>> <<set $rylan_dominantCount to 0>> <<set $rylan_submissiveCount to 0>> <<set $rylan_clothedSexCount to 0>> <<set $rylan_lingerieWornCount to 0>> <<set $rylan_thighJobDoneCount to 0>> <<set $rylan_thighJobTakenCount to 0>> <<set $rylan_rimjobDoneCount to 0>> <<set $rylan_rimjobTakenCount to 0>> <<set $rylan_deepthroatCount to 0>> <<set $rylan_doublePenetrationCount to 0>> <<set $rylan_multipleCumCount to 0>> <<set $rylan_cumOnFaceCount to 0>> <<set $rylan_cumOnBreastsCount to 0>> <<set $rylan_cumOnAssCount to 0>> <<set $rylan_cumOnThighsCount to 0>> <<set $rylan_cumOnFeetCount to 0>> <<set $rylan_cumInMouthCount to 0>> <<set $rylan_cumPlayCount to 0>> <<set $rylan_cumSwapCount to 0>> <<set $rylan_cumKissCount to 0>> /* Mariel Additional Fetishes */ <<set $mariel_BreastFetish to 0>> <<set $mariel_AssFetish to 0>> <<set $mariel_PenisFetish to 0>> <<set $mariel_VaginaFetish to 0>> <<set $mariel_ThighFetish to 0>> <<set $mariel_ExhibitionismFetish to 0>> <<set $mariel_VoyeurismFetish to 0>> <<set $mariel_BondageFetish to 0>> <<set $mariel_DominanceFetish to 0>> <<set $mariel_SubmissionFetish to 0>> <<set $mariel_MasochismFetish to 0>> <<set $mariel_SadismFetish to 0>> <<set $mariel_PublicSexAddiction to 0>> /* Mariel Additional Sexual Stats */ <<set $mariel_orgasmDenialCount to 0>> <<set $mariel_edgingCount to 0>> <<set $mariel_publicExposureCount to 0>> <<set $mariel_publicOrgasmCount to 0>> <<set $mariel_bondageExperienceCount to 0>> <<set $mariel_dominantCount to 0>> <<set $mariel_submissiveCount to 0>> <<set $mariel_clothedSexCount to 0>> <<set $mariel_lingerieWornCount to 0>> <<set $mariel_thighJobDoneCount to 0>> <<set $mariel_thighJobTakenCount to 0>> <<set $mariel_rimjobDoneCount to 0>> <<set $mariel_rimjobTakenCount to 0>> <<set $mariel_deepthroatCount to 0>> <<set $mariel_doublePenetrationCount to 0>> <<set $mariel_multipleCumCount to 0>> <<set $mariel_cumOnFaceCount to 0>> <<set $mariel_cumOnBreastsCount to 0>> <<set $mariel_cumOnAssCount to 0>> <<set $mariel_cumOnThighsCount to 0>> <<set $mariel_cumOnFeetCount to 0>> <<set $mariel_cumInMouthCount to 0>> <<set $mariel_cumPlayCount to 0>> <<set $mariel_cumSwapCount to 0>> <<set $mariel_cumKissCount to 0>> /* Liora Additional Fetishes */ <<set $liora_BreastFetish to 0>> <<set $liora_AssFetish to 0>> <<set $liora_PenisFetish to 0>> <<set $liora_VaginaFetish to 0>> <<set $liora_ThighFetish to 0>> <<set $liora_ExhibitionismFetish to 0>> <<set $liora_VoyeurismFetish to 0>> <<set $liora_BondageFetish to 0>> <<set $liora_DominanceFetish to 0>> <<set $liora_SubmissionFetish to 0>> <<set $liora_MasochismFetish to 0>> <<set $liora_SadismFetish to 0>> <<set $liora_PublicSexAddiction to 0>> /* Liora Additional Sexual Stats */ <<set $liora_orgasmDenialCount to 0>> <<set $liora_edgingCount to 0>> <<set $liora_publicExposureCount to 0>> <<set $liora_publicOrgasmCount to 0>> <<set $liora_bondageExperienceCount to 0>> <<set $liora_dominantCount to 0>> <<set $liora_submissiveCount to 0>> <<set $liora_clothedSexCount to 0>> <<set $liora_lingerieWornCount to 0>> <<set $liora_thighJobDoneCount to 0>> <<set $liora_thighJobTakenCount to 0>> <<set $liora_rimjobDoneCount to 0>> <<set $liora_rimjobTakenCount to 0>> <<set $liora_deepthroatCount to 0>> <<set $liora_doublePenetrationCount to 0>> <<set $liora_multipleCumCount to 0>> <<set $liora_cumOnFaceCount to 0>> <<set $liora_cumOnBreastsCount to 0>> <<set $liora_cumOnAssCount to 0>> <<set $liora_cumOnThighsCount to 0>> <<set $liora_cumOnFeetCount to 0>> <<set $liora_cumInMouthCount to 0>> <<set $liora_cumPlayCount to 0>> <<set $liora_cumSwapCount to 0>> <<set $liora_cumKissCount to 0>> /* Serin Additional Fetishes */ <<set $serin_BreastFetish to 0>> <<set $serin_AssFetish to 0>> <<set $serin_PenisFetish to 0>> <<set $serin_VaginaFetish to 0>> <<set $serin_ThighFetish to 0>> <<set $serin_ExhibitionismFetish to 0>> <<set $serin_VoyeurismFetish to 0>> <<set $serin_BondageFetish to 0>> <<set $serin_DominanceFetish to 0>> <<set $serin_SubmissionFetish to 0>> <<set $serin_MasochismFetish to 0>> <<set $serin_SadismFetish to 0>> <<set $serin_PublicSexAddiction to 0>> /* Serin Additional Sexual Stats */ <<set $serin_orgasmDenialCount to 0>> <<set $serin_edgingCount to 0>> <<set $serin_publicExposureCount to 0>> <<set $serin_publicOrgasmCount to 0>> <<set $serin_bondageExperienceCount to 0>> <<set $serin_dominantCount to 0>> <<set $serin_submissiveCount to 0>> <<set $serin_clothedSexCount to 0>> <<set $serin_lingerieWornCount to 0>> <<set $serin_thighJobDoneCount to 0>> <<set $serin_thighJobTakenCount to 0>> <<set $serin_rimjobDoneCount to 0>> <<set $serin_rimjobTakenCount to 0>> <<set $serin_deepthroatCount to 0>> <<set $serin_doublePenetrationCount to 0>> <<set $serin_multipleCumCount to 0>> <<set $serin_cumOnFaceCount to 0>> <<set $serin_cumOnBreastsCount to 0>> <<set $serin_cumOnAssCount to 0>> <<set $serin_cumOnThighsCount to 0>> <<set $serin_cumOnFeetCount to 0>> <<set $serin_cumInMouthCount to 0>> <<set $serin_cumPlayCount to 0>> <<set $serin_cumSwapCount to 0>> <<set $serin_cumKissCount to 0>> /* Seryk Additional Fetishes */ <<set $seryk_BreastFetish to 0>> <<set $seryk_AssFetish to 0>> <<set $seryk_PenisFetish to 0>> <<set $seryk_VaginaFetish to 0>> <<set $seryk_ThighFetish to 0>> <<set $seryk_ExhibitionismFetish to 0>> <<set $seryk_VoyeurismFetish to 0>> <<set $seryk_BondageFetish to 0>> <<set $seryk_DominanceFetish to 0>> <<set $seryk_SubmissionFetish to 0>> <<set $seryk_MasochismFetish to 0>> <<set $seryk_SadismFetish to 0>> <<set $seryk_PublicSexAddiction to 0>> /* Seryk Additional Sexual Stats */ <<set $seryk_orgasmDenialCount to 0>> <<set $seryk_edgingCount to 0>> <<set $seryk_publicExposureCount to 0>> <<set $seryk_publicOrgasmCount to 0>> <<set $seryk_bondageExperienceCount to 0>> <<set $seryk_dominantCount to 0>> <<set $seryk_submissiveCount to 0>> <<set $seryk_clothedSexCount to 0>> <<set $seryk_lingerieWornCount to 0>> <<set $seryk_thighJobDoneCount to 0>> <<set $seryk_thighJobTakenCount to 0>> <<set $seryk_rimjobDoneCount to 0>> <<set $seryk_rimjobTakenCount to 0>> <<set $seryk_deepthroatCount to 0>> <<set $seryk_doublePenetrationCount to 0>> <<set $seryk_multipleCumCount to 0>> <<set $seryk_cumOnFaceCount to 0>> <<set $seryk_cumOnBreastsCount to 0>> <<set $seryk_cumOnAssCount to 0>> <<set $seryk_cumOnThighsCount to 0>> <<set $seryk_cumOnFeetCount to 0>> <<set $seryk_cumInMouthCount to 0>> <<set $seryk_cumPlayCount to 0>> <<set $seryk_cumSwapCount to 0>> <<set $seryk_cumKissCount to 0>> /* Nimeria Additional Fetishes */ <<set $Nimeria_BreastFetish to 0>> <<set $Nimeria_AssFetish to 0>> <<set $Nimeria_PenisFetish to 0>> <<set $Nimeria_VaginaFetish to 0>> <<set $Nimeria_ThighFetish to 0>> <<set $Nimeria_ExhibitionismFetish to 0>> <<set $Nimeria_VoyeurismFetish to 0>> <<set $Nimeria_BondageFetish to 0>> <<set $Nimeria_DominanceFetish to 0>> <<set $Nimeria_SubmissionFetish to 0>> <<set $Nimeria_MasochismFetish to 0>> <<set $Nimeria_SadismFetish to 0>> <<set $Nimeria_PublicSexAddiction to 0>> /* Nimeria Additional Sexual Stats */ <<set $Nimeria_orgasmDenialCount to 0>> <<set $Nimeria_edgingCount to 0>> <<set $Nimeria_publicExposureCount to 0>> <<set $Nimeria_publicOrgasmCount to 0>> <<set $Nimeria_bondageExperienceCount to 0>> <<set $Nimeria_dominantCount to 0>> <<set $Nimeria_submissiveCount to 0>> <<set $Nimeria_clothedSexCount to 0>> <<set $Nimeria_lingerieWornCount to 0>> <<set $Nimeria_thighJobDoneCount to 0>> <<set $Nimeria_thighJobTakenCount to 0>> <<set $Nimeria_rimjobDoneCount to 0>> <<set $Nimeria_rimjobTakenCount to 0>> <<set $Nimeria_deepthroatCount to 0>> <<set $Nimeria_doublePenetrationCount to 0>> <<set $Nimeria_multipleCumCount to 0>> <<set $Nimeria_cumOnFaceCount to 0>> <<set $Nimeria_cumOnBreastsCount to 0>> <<set $Nimeria_cumOnAssCount to 0>> <<set $Nimeria_cumOnThighsCount to 0>> <<set $Nimeria_cumOnFeetCount to 0>> <<set $Nimeria_cumInMouthCount to 0>> <<set $Nimeria_cumPlayCount to 0>> <<set $Nimeria_cumSwapCount to 0>> <<set $Nimeria_cumKissCount to 0>> /* Additional Relationship-Specific Stats */ /* Rylan x Mariel Additional */ <<set $rylan_MarielThighJobCount to 0>> <<set $rylan_MarielThighJobTakenCount to 0>> <<set $rylan_MarielRimjobCount to 0>> <<set $rylan_MarielRimjobTakenCount to 0>> <<set $rylan_MarielDeepthroatCount to 0>> <<set $rylan_MarielDoublePenetrationCount to 0>> <<set $rylan_MarielCumOnFaceCount to 0>> <<set $rylan_MarielCumOnBreastsCount to 0>> <<set $rylan_MarielCumOnAssCount to 0>> <<set $rylan_MarielCumOnThighsCount to 0>> <<set $rylan_MarielCumOnFeetCount to 0>> <<set $rylan_MarielCumInMouthCount to 0>> <<set $rylan_MarielCumPlayCount to 0>> <<set $rylan_MarielCumSwapCount to 0>> <<set $rylan_MarielCumKissCount to 0>> <<set $rylan_MarielBondageCount to 0>> <<set $rylan_MarielDominantCount to 0>> <<set $rylan_MarielSubmissiveCount to 0>> <<set $rylan_MarielPublicSexCount to 0>> <<set $rylan_MarielClothedSexCount to 0>> <<set $rylan_MarielLingerieSexCount to 0>> /* Liora x Serin Additional */ <<set $liora_SerinThighJobCount to 0>> <<set $liora_SerinThighJobTakenCount to 0>> <<set $liora_SerinRimjobCount to 0>> <<set $liora_SerinRimjobTakenCount to 0>> <<set $liora_SerinDeepthroatCount to 0>> <<set $liora_SerinDoublePenetrationCount to 0>> <<set $liora_SerinCumOnFaceCount to 0>> <<set $liora_SerinCumOnBreastsCount to 0>> <<set $liora_SerinCumOnAssCount to 0>> <<set $liora_SerinCumOnThighsCount to 0>> <<set $liora_SerinCumOnFeetCount to 0>> <<set $liora_SerinCumInMouthCount to 0>> <<set $liora_SerinCumPlayCount to 0>> <<set $liora_SerinCumSwapCount to 0>> <<set $liora_SerinCumKissCount to 0>> <<set $liora_SerinBondageCount to 0>> <<set $liora_SerinDominantCount to 0>> <<set $liora_SerinSubmissiveCount to 0>> <<set $liora_SerinPublicSexCount to 0>> <<set $liora_SerinClothedSexCount to 0>> <<set $liora_SerinLingerieSexCount to 0>> /* Liora x Seryk Additional */ <<set $liora_SerykThighJobCount to 0>> <<set $liora_SerykThighJobTakenCount to 0>> <<set $liora_SerykRimjobCount to 0>> <<set $liora_SerykRimjobTakenCount to 0>> <<set $liora_SerykDeepthroatCount to 0>> <<set $liora_SerykDoublePenetrationCount to 0>> <<set $liora_SerykCumOnFaceCount to 0>> <<set $liora_SerykCumOnBreastsCount to 0>> <<set $liora_SerykCumOnAssCount to 0>> <<set $liora_SerykCumOnThighsCount to 0>> <<set $liora_SerykCumOnFeetCount to 0>> <<set $liora_SerykCumInMouthCount to 0>> <<set $liora_SerykCumPlayCount to 0>> <<set $liora_SerykCumSwapCount to 0>> <<set $liora_SerykCumKissCount to 0>> <<set $liora_SerykBondageCount to 0>> <<set $liora_SerykDominantCount to 0>> <<set $liora_SerykSubmissiveCount to 0>> <<set $liora_SerykPublicSexCount to 0>> <<set $liora_SerykClothedSexCount to 0>> <<set $liora_SerykLingerieSexCount to 0>> /* Liora x Nimeria Additional */ <<set $liora_NimeriaThighJobCount to 0>> <<set $liora_NimeriaThighJobTakenCount to 0>> <<set $liora_NimeriaRimjobCount to 0>> <<set $liora_NimeriaRimjobTakenCount to 0>> <<set $liora_NimeriaDeepthroatCount to 0>> <<set $liora_NimeriaDoublePenetrationCount to 0>> <<set $liora_NimeriaCumOnFaceCount to 0>> <<set $liora_NimeriaCumOnBreastsCount to 0>> <<set $liora_NimeriaCumOnAssCount to 0>> <<set $liora_NimeriaCumOnThighsCount to 0>> <<set $liora_NimeriaCumOnFeetCount to 0>> <<set $liora_NimeriaCumInMouthCount to 0>> <<set $liora_NimeriaCumPlayCount to 0>> <<set $liora_NimeriaCumSwapCount to 0>> <<set $liora_NimeriaCumKissCount to 0>> <<set $liora_NimeriaBondageCount to 0>> <<set $liora_NimeriaDominantCount to 0>> <<set $liora_NimeriaSubmissiveCount to 0>> <<set $liora_NimeriaPublicSexCount to 0>> <<set $liora_NimeriaClothedSexCount to 0>> <<set $liora_NimeriaLingerieSexCount to 0>> /* Serin x Seryk Additional */ <<set $serin_SerykThighJobCount to 0>> <<set $serin_SerykThighJobTakenCount to 0>> <<set $serin_SerykRimjobCount to 0>> <<set $serin_SerykRimjobTakenCount to 0>> <<set $serin_SerykDeepthroatCount to 0>> <<set $serin_SerykDoublePenetrationCount to 0>> <<set $serin_SerykCumOnFaceCount to 0>> <<set $serin_SerykCumOnBreastsCount to 0>> <<set $serin_SerykCumOnAssCount to 0>> <<set $serin_SerykCumOnThighsCount to 0>> <<set $serin_SerykCumOnFeetCount to 0>> <<set $serin_SerykCumInMouthCount to 0>> <<set $serin_SerykCumPlayCount to 0>> <<set $serin_SerykCumSwapCount to 0>> <<set $serin_SerykCumKissCount to 0>> <<set $serin_SerykBondageCount to 0>> <<set $serin_SerykDominantCount to 0>> <<set $serin_SerykSubmissiveCount to 0>> <<set $serin_SerykPublicSexCount to 0>> <<set $serin_SerykClothedSexCount to 0>> <<set $serin_SerykLingerieSexCount to 0>> /* Additional Experience Tracking */ <<set $totalPublicSexCount to 0>> <<set $totalBondageCount to 0>> <<set $totalDominanceCount to 0>> <<set $totalSubmissionCount to 0>> <<set $totalClothedSexCount to 0>> <<set $totalLingerieSexCount to 0>> <<set $totalCumPlayCount to 0>> <<set $totalCumSwapCount to 0>> <<set $totalCumKissCount to 0>> <<set $totalThreesomeCount to 0>> <<set $totalGroupSexCount to 0>> /* Serin x Nimeria Additional */ <<set $serin_NimeriaThighJobCount to 0>> <<set $serin_NimeriaThighJobTakenCount to 0>> <<set $serin_NimeriaRimjobCount to 0>> <<set $serin_NimeriaRimjobTakenCount to 0>> <<set $serin_NimeriaDeepthroatCount to 0>> <<set $serin_NimeriaDoublePenetrationCount to 0>> <<set $serin_NimeriaCumOnFaceCount to 0>> <<set $serin_NimeriaCumOnBreastsCount to 0>> <<set $serin_NimeriaCumOnAssCount to 0>> <<set $serin_NimeriaCumOnThighsCount to 0>> <<set $serin_NimeriaCumOnFeetCount to 0>> <<set $serin_NimeriaCumInMouthCount to 0>> <<set $serin_NimeriaCumPlayCount to 0>> <<set $serin_NimeriaCumSwapCount to 0>> <<set $serin_NimeriaCumKissCount to 0>> <<set $serin_NimeriaBondageCount to 0>> <<set $serin_NimeriaDominantCount to 0>> <<set $serin_NimeriaSubmissiveCount to 0>> <<set $serin_NimeriaPublicSexCount to 0>> <<set $serin_NimeriaClothedSexCount to 0>> <<set $serin_NimeriaLingerieSexCount to 0>> /* Seryk x Nimeria */ <<set $seryk_NimeriaThighJobCount to 0>> <<set $seryk_NimeriaThighJobTakenCount to 0>> <<set $seryk_NimeriaRimjobCount to 0>> <<set $seryk_NimeriaRimjobTakenCount to 0>> <<set $seryk_NimeriaDeepthroatCount to 0>> <<set $seryk_NimeriaDoublePenetrationCount to 0>> <<set $seryk_NimeriaCumOnFaceCount to 0>> <<set $seryk_NimeriaCumOnBreastsCount to 0>> <<set $seryk_NimeriaCumOnAssCount to 0>> <<set $seryk_NimeriaCumOnThighsCount to 0>> <<set $seryk_NimeriaCumOnFeetCount to 0>> <<set $seryk_NimeriaCumInMouthCount to 0>> <<set $seryk_NimeriaCumPlayCount to 0>> <<set $seryk_NimeriaCumSwapCount to 0>> <<set $seryk_NimeriaCumKissCount to 0>> <<set $seryk_NimeriaBondageCount to 0>> <<set $seryk_NimeriaDominantCount to 0>> <<set $seryk_NimeriaSubmissiveCount to 0>> <<set $seryk_NimeriaPublicSexCount to 0>> <<set $seryk_NimeriaClothedSexCount to 0>> <<set $seryk_NimeriaLingerieSexCount to 0>> /* Initialize character objects */ <<set $characters = { "Rylan": { lust: 0, corruption: 0, affection: {}, attraction: {}, fetishes: {}, experience: {} }, "Mariel": { lust: 0, corruption: 0, affection: {}, attraction: {}, fetishes: {}, experience: {} }, "Liora": { lust: 0, corruption: -10, affection: {}, attraction: {}, fetishes: {}, experience: {} }, "Serin": { lust: 0, corruption: 0, affection: {}, attraction: {}, fetishes: {}, experience: {} }, "Seryk": { lust: 0, corruption: 0, affection: {}, attraction: {}, fetishes: {}, experience: {} }, "Nimeria": { lust: 0, corruption: 0, affection: {}, attraction: {}, fetishes: {}, experience: {} } }>> /* Initialize relationship stats */ /* Initialize new fetish variables */ <<set $rylan_MuscleFetish to 0>> <<set $serin_MuscleFetish to 0>> <<set $serin_ExhibitionismFetish to 0>> <<set $liora_MuscleFetish to 0>> <<set $mariel_MuscleFetish to 0>> /* Update character objects with new fetishes */ <<set $characters.Rylan.fetishes.muscleFetish to 0>> <<set $characters.Serin.fetishes.muscleFetish to 0>> <<set $characters.Serin.fetishes.exhibitionismFetish to 0>> <<set $characters.Liora.fetishes.muscleFetish to 0>> <<set $characters.Mariel.fetishes.muscleFetish to 0>> // Initialize character stats setup.initializeCharacterStats("Rylan", "male"); setup.initializeCharacterStats("Mariel", "female"); setup.initializeCharacterStats("Serin", "female"); setup.initializeCharacterStats("Liora", "female"); setup.initializeCharacterStats("Nimeria", "female"); setup.initializeCharacterStats("Seryk", "male"); setup.initializeCharacterStats("Thalor", "male"); /* Relationship Stats Categories */ setup.statCategories.relationship = {name: "Relationship", subcategories: {intimacy: {name: "Intimacy", stats: {kissCount: {name: "Kisses", description: "Number of times they've kissed"}, touchCount: {name: "Intimate Touches", description: "Number of intimate touches shared"}, sexCount: {name: "Times Had Sex", description: "Number of sexual encounters"}, oralCount: {name: "Oral Sessions", description: "Number of oral sessions"}}}, affection: {name: "Affection", stats: {affectionLevel: {name: "Affection", description: "How much they care for each other"}, attraction: {name: "Attraction", description: "Physical and emotional attraction"}, trust: {name: "Trust", description: "Level of trust between them"}, submission: {name: "Submission", description: "How submissive they are to each other"}}}, corruption: {name: "Corruption", stats: {corruptionInfluence: {name: "Corruption Influence", description: "How much they affect each other's corruption"}, lustInfluence: {name: "Lust Influence", description: "How much they affect each other's lust"}, mindControlInfluence: {name: "Mind Control Influence", description: "Level of mental influence over each other"}}}}}\n\n /* Global Tooltip Setup */ <<script>> $(document.body).append('<div id="global-tooltip" style="display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: #fff; padding: 15px; border-radius: 10px; width: 250px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-align: left;"></div>'); $(document).on('mouseenter', '.character-portrait', function(e) { const tooltip = $('#global-tooltip'); const content = $(this).closest('.character-card').find('.tooltip-content').html(); tooltip.html(content).show(); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); $(document).on('mouseleave', '.character-portrait', function() { $('#global-tooltip').hide(); }); $(document).on('mousemove', function(e) { if ($('#global-tooltip').is(':visible')) { $('#global-tooltip').css({ left: e.pageX + 10, top: e.pageY + 10 }); } }); <</script>> /* Setup Stat Categories */ <<script>> setup.statCategories = { basic: { name: "Basic Stats", stats: { corruption: { name: "Corruption", description: "Level of corruption" }, masculinity: { name: "Masculinity", description: "Masculine traits" }, penisSize: { name: "Penis Size", description: "Size in cm" }, breastSize: { name: "Breast Size", description: "Cup size" }, assSize: { name: "Ass Size", description: "Size rating" }, cumAmount: { name: "Cum Amount", description: "Production in ml" }, Lust: { name: "Lust", description: "Current lust level" } } }, fetishes: { name: "Fetishes", subcategories: { physical: { name: "Physical", stats: { FeetFetish: { name: "Feet Interest" }, ArmpitFetish: { name: "Armpit Interest" }, SmellFetish: { name: "Scent Interest" }, SalivaFetish: { name: "Saliva Interest" }, MuscleFetish: { name: "Muscle Interest" }, } }, fluid: { name: "Fluid", stats: { CumAddiction: { name: "Cum Interest" }, SweatFetish: { name: "Sweat Interest" }, } }, behavioral: { name: "Behavioral", stats: { SubmissionFetish: { name: "Submission" }, DominanceFetish: { name: "Dominance" }, ExhibitionismFetish: { name: "Exhibitionism" }, VoyeurismFetish: { name: "Voyeurism" } } }, clothing: { name: "Clothing", stats: { CrossdressingFetish: { name: "Cross-Dressing" } } }, orientation: { name: "Orientation", stats: { GayValue: { name: "Same-Sex Interest" }, LesbianValue: { name: "Lesbian Interest" } } } } }, experience: { name: "Sexual Experience", subcategories: { basic: { name: "Basic", stats: { sexualExperience: { name: "Overall Experience" }, basicExperience: { name: "Basic Experience" }, kissCount: { name: "Kisses" } } }, penetration: { name: "Penetration", stats: { vaginalCount: { name: "Vaginal" }, analDoneCount: { name: "Anal (Given)" }, analTakenCount: { name: "Anal (Received)" } } }, service: { name: "Service", stats: { handjobDoneCount: { name: "Handjob (Given)" }, handjobTakenCount: { name: "Handjob (Received)" }, blowjobDoneCount: { name: "Blowjob (Given)" }, blowjobTakenCount: { name: "Blowjob (Received)" }, footjobDoneCount: { name: "Footjob (Given)" }, footjobTakenCount: { name: "Footjob (Received)" }, boobjobDoneCount: { name: "Boobjob (Given)" }, boobjobTakenCount: { name: "Boobjob (Received)" } } }, touching: { name: "Touching", stats: { breastsGotTouched: { name: "Breasts Touched" }, breastsTouchedOthers: { name: "Touched Others' Breasts" }, assGotTouched: { name: "Ass Touched" }, assTouchedOthers: { name: "Touched Others' Ass" } } }, cum: { name: "Cum Experience", stats: { cumSwallowedAmount: { name: "Cum Swallowed (ml)" }, cumTakenInsideCount: { name: "Creampies" }, cumTakenInsideAmount: { name: "Cum Inside (ml)" }, cumOnBodyAmount: { name: "Cum on Body (ml)" } } } } }, sensitivity: { name: "Sensitivity", stats: { generalSensitivity: { name: "General", description: "Base sensitivity" }, breastSensitivity: { name: "Breasts", description: "Breast sensitivity" }, nippleSensitivity: { name: "Nipples", description: "Nipple sensitivity" }, penisSensitivity: { name: "Penis", description: "Penis sensitivity" }, analSensitivity: { name: "Anal", description: "Anal sensitivity" }, neckSensitivity: { name: "Neck", description: "Neck sensitivity" }, earSensitivity: { name: "Ears", description: "Ear sensitivity" }, pleasureGain: { name: "Pleasure Gain", description: "Pleasure multiplier" } } }, mindControl: { name: "Mind Control", stats: { mindControlResistance: { name: "Resistance", description: "Resistance to control" }, mindControlSusceptibility: { name: "Susceptibility", description: "Control vulnerability" }, mentalCorruption: { name: "Mental Corruption", description: "Mental state" }, mindBreakProgress: { name: "Mind Break", description: "Progress to break" }, suggestionReceptiveness: { name: "Suggestion", description: "Suggestion effectiveness" } } }, relationship: { name: "Relationship", subcategories: { affection: { name: "Affection", stats: { Affection: { name: "Affection" }, Attraction: { name: "Attraction" } } }, intimacy: { name: "Intimacy", stats: { kissCount: { name: "Kisses" }, vaginalCount: { name: "Vaginal" }, analCount: { name: "Anal" }, handjobCount: { name: "Handjob" }, blowjobCount: { name: "Blowjob" }, footjobCount: { name: "Footjob" }, boobjobCount: { name: "Boobjob" } } }, fetish: { name: "Fetish Development", stats: { FeetFetish: { name: "Feet Interest" }, SmellFetish: { name: "Scent Interest" }, ArmpitFetish: { name: "Armpit Interest" }, SalivaFetish: { name: "Saliva Interest" }, CumAddiction: { name: "Cum Interest" } } } } } }; // Helper function to get stat values setup.getStat = function(character, category, stat) { const charPrefix = character.toLowerCase() + "_"; if (category === "relationship") { // For relationship stats, check if it's a basic stat or count if (stat.endsWith("Affection") || stat.endsWith("Attraction")) { const value = State.variables[charPrefix + stat]; return value !== undefined ? value : 0; } else { // For counts, combine both directions const doneCount = State.variables[charPrefix + stat + "Done"] || 0; const takenCount = State.variables[charPrefix + stat + "Taken"] || 0; return doneCount + takenCount; } } else { // For other categories, directly access the stat const value = State.variables[charPrefix + stat]; const result = value !== undefined ? value : 0; // Format basic stats to max 1 decimal place if (category === "basic") { return result % 1 === 0 ? result : Number(result.toFixed(1)); } return result; } }; <</script>> /* Combat Stats */ /* Combat Animation Variables */ <<set $currentAttacker to "">> <<set $currentTarget to "">> <<set $attackAnimationPlaying to false>> /* Stat Tracking Widgets */ <<widget "trackAffection">><<nobr>> <<set _from = $args[0] || "Unknown">><<set _to = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackAffection(State.temporary.from, State.temporary.to, State.temporary.amount);<</script>><<updateResonanceOnAffectionChange>> <</nobr>><</widget>> <<widget "trackAttraction">><<nobr>> <<set _from = $args[0] || "Unknown">><<set _to = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackAttraction(State.temporary.from, State.temporary.to, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackLust">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _amount = $args[1] || 0>><<script>>window.StatTracker.trackLust(State.temporary.character, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackFetish">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _fetish = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackFetish(State.temporary.character, State.temporary.fetish, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackExperience">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _exp = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackExperience(State.temporary.character, State.temporary.exp, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackCombatStat">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _stat = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackCombatStat(State.temporary.character, State.temporary.stat, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackAddSexualExperience">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _character = _character.toLowerCase()>><<set _expType = $args[1] || "Unknown">><<set _amount = $args[2] || 1>> <<if _expType === "breastsGotTouched">> <<script>>State.variables[State.temporary.character + "_breastsGotTouched"] = (State.variables[State.temporary.character + "_breastsGotTouched"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "breastsTouchedOthers">> <<script>>State.variables[State.temporary.character + "_breastsTouchedOthers"] = (State.variables[State.temporary.character + "_breastsTouchedOthers"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "handjobTakenCount">> <<script>>State.variables[State.temporary.character + "_handjobTakenCount"] = (State.variables[State.temporary.character + "_handjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "handjobDoneCount">> <<script>>State.variables[State.temporary.character + "_handjobDoneCount"] = (State.variables[State.temporary.character + "_handjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "blowjobTakenCount">> <<script>>State.variables[State.temporary.character + "_blowjobTakenCount"] = (State.variables[State.temporary.character + "_blowjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "blowjobDoneCount">> <<script>>State.variables[State.temporary.character + "_blowjobDoneCount"] = (State.variables[State.temporary.character + "_blowjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "footjobTakenCount">> <<script>>State.variables[State.temporary.character + "_footjobTakenCount"] = (State.variables[State.temporary.character + "_footjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "footjobDoneCount">> <<script>>State.variables[State.temporary.character + "_footjobDoneCount"] = (State.variables[State.temporary.character + "_footjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "boobJobTakenCount">> <<script>>State.variables[State.temporary.character + "_boobJobTakenCount"] = (State.variables[State.temporary.character + "_boobJobTakenCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "boobJobDoneCount">> <<script>>State.variables[State.temporary.character + "_boobJobDoneCount"] = (State.variables[State.temporary.character + "_boobJobDoneCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "assTouchedCount">> <<script>>State.variables[State.temporary.character + "_assGotTouched"] = (State.variables[State.temporary.character + "_assGotTouched"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "touchedOthersAss">> <<script>>State.variables[State.temporary.character + "_assTouchedOthers"] = (State.variables[State.temporary.character + "_assTouchedOthers"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "kissCount">> <<script>>State.variables[State.temporary.character + "_kissCount"] = (State.variables[State.temporary.character + "_kissCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "vaginalCount">> <<script>>State.variables[State.temporary.character + "_vaginalCount"] = (State.variables[State.temporary.character + "_vaginalCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "analCount">> <<script>>State.variables[State.temporary.character + "_analCount"] = (State.variables[State.temporary.character + "_analCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "analTakenCount">> <<script>>State.variables[State.temporary.character + "_analTakenCount"] = (State.variables[State.temporary.character + "_analTakenCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "masturbationCount">> <<script>>State.variables[State.temporary.character + "_masturbationCount"] = (State.variables[State.temporary.character + "_masturbationCount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "orgasmsGiven">> <<script>>State.variables[State.temporary.character + "_orgasmsGiven"] = (State.variables[State.temporary.character + "_orgasmsGiven"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "orgasmsReceived">> <<script>>State.variables[State.temporary.character + "_orgasmsReceived"] = (State.variables[State.temporary.character + "_orgasmsGiven"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "cumSwallowedAmount">> <<script>>State.variables[State.temporary.character + "_cumSwallowedAmount"] = (State.variables[State.temporary.character + "_cumSwallowedAmount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "cumOnBodyAmount">> <<script>>State.variables[State.temporary.character + "_cumOnBodyAmount"] = (State.variables[State.temporary.character + "_cumOnBodyAmount"] || 0) + State.temporary.amount;<</script>> <<elseif _expType === "cumInsideAmount">> <<script>>State.variables[State.temporary.character + "_cumInsideAmount"] = (State.variables[State.temporary.character + "_cumInsideAmount"] || 0) + State.temporary.amount;<</script>> <</if>> <<trackSexualExperience _character _expType _amount>> <</nobr>><</widget>> <<widget "trackOther">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _stat = $args[1] || "Unknown">><<set _amount = $args[2] || 0>><<script>>window.StatTracker.trackOther(State.temporary.character, State.temporary.stat, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "trackSexualExperience">><<nobr>> <<set _character = $args[0] || "Unknown">><<set _expType = $args[1] || "sexualExperience">><<set _amount = $args[2] || 1>><<script>>window.StatTracker.trackExperience(State.temporary.character, State.temporary.expType, State.temporary.amount);<</script>> <</nobr>><</widget>> <<widget "statSummary">> <<script>> if (window.StatTracker && window.StatTracker.hasChanges()) { $(this.output).append(window.StatTracker.generateSummary()); } <</script>> <</widget>> <<widget "intelligentSexTracker">><<nobr>> <<set _char1 = $args[0] || "Unknown">><<set _char2 = $args[1] || "Unknown">><<set _action = $args[2] || "Unknown">><<set _amount = $args[3] || 1>> <<set _char1 = _char1.toLowerCase()>><<set _char2 = _char2.toLowerCase()>>  <<if _action === "kiss">> "Kiss": { general: "kissCount", relationship: "KissCount", firstVar: "FirstKiss", both: true, sexual: true, basic: true }, "Vaginal": { general: "vaginalCount", relationship: "VaginalCount", firstVar: "FirstVaginal", both: true, sexual: true, basic: false }, "Anal": { general: "analCount", relationship: "AnalCount", firstVar: "FirstAnal", both: true, sexual: true, basic: false }, "AnalTaken": { general: "analTakenCount", relationship: "AnalTakenCount", firstVar: "FirstAnalTaken", both: false, sexual: true, basic: false, receiverOnly: true }, "HandjobGiven": { general: "handjobDoneCount", relationship: "HandjobCount", firstVar: "FirstHandjob", both: false, sexual: true, basic: true, giverOnly: true }, "HandjobTaken": { general: "handjobTakenCount", relationship: "HandjobTakenCount", firstVar: "FirstHandjobTaken", both: false, sexual: true, basic: true, receiverOnly: true }, "BlowjobGiven": { general: "blowjobDoneCount", relationship: "BlowjobCount", firstVar: "FirstBlowjob", both: false, sexual: true, basic: true, giverOnly: true }, "BlowjobTaken": { general: "blowjobTakenCount", relationship: "BlowjobTakenCount", firstVar: "FirstBlowjobTaken", both: false, sexual: true, basic: true, receiverOnly: true }, "FootjobGiven": { general: "footjobDoneCount", relationship: "FootjobCount", firstVar: "FirstFootjob", both: false, sexual: true, basic: true, giverOnly: true }, "FootjobTaken": { general: "footjobTakenCount", relationship: "FootjobTakenCount", firstVar: "FirstFootjobTaken", both: false, sexual: true, basic: true, receiverOnly: true }, "BoobJobGiven": { general: "boobJobDoneCount", relationship: "BoobJobCount", firstVar: "FirstBoobjob", both: false, sexual: true, basic: true, giverOnly: true }, "BoobJobTaken": { general: "boobJobTakenCount", relationship: "BoobJobTakenCount", firstVar: "FirstBoobjobTaken", both: false, sexual: true, basic: true, receiverOnly: true }, "BreastsTouched": { general: "breastsTouchedCount", relationship: "BreastsTouchedCount", firstVar: "FirstBreastTouch", both: false, sexual: true, basic: true, giverOnly: true }, "BreastsTouchedBy": { general: "breastsGotTouched", relationship: "BreastsTouchedByCount", firstVar: "FirstBreastTouchedBy", both: false, sexual: true, basic: true, receiverOnly: true }, "AssTouched": { general: "assTouchedCount", relationship: "AssTouchedCount", firstVar: "FirstAssTouch", both: false, sexual: true, basic: true, giverOnly: true }, "AssTouchedBy": { general: "assGotTouched", relationship: "AssTouchedByCount", firstVar: "FirstAssTouchedBy", both: false, sexual: true, basic: true, receiverOnly: true }, "OrgasmGiven": { general: "orgasmsGiven", relationship: "OrgasmsGiven", firstVar: "FirstOrgasmGiven", both: false, sexual: true, basic: false, giverOnly: true }, "OrgasmReceived": { general: "orgasmsReceived", relationship: "OrgasmsReceived", firstVar: "FirstOrgasmReceived", both: false, sexual: true, basic: false, receiverOnly: true } }; const config = experienceConfig[State.temporary.experienceType]; if (!config) { console.error("Unknown experience type:", State.temporary.experienceType); return; } const char1 = State.temporary.char1; const char2 = State.temporary.char2; const char1Lower = State.temporary.char1Lower; const char2Lower = State.temporary.char2Lower; const amount = State.temporary.amount; // Helper function to update variable and track function updateAndTrack(varName, amount, character, expType) { if (State.variables[varName] === undefined) { State.variables[varName] = 0; } State.variables[varName] += amount; window.StatTracker.trackExperience(character, expType, amount); } // Update general counters if (config.both) { // Both characters get the same general experience updateAndTrack(char1Lower + "_" + config.general, amount, char1, config.general); updateAndTrack(char2Lower + "_" + config.general, amount, char2, config.general); } else if (config.giverOnly) { // Only the giver gets this experience updateAndTrack(char1Lower + "_" + config.general, amount, char1, config.general); } else if (config.receiverOnly) { // Only the receiver gets this experience updateAndTrack(char2Lower + "_" + config.general, amount, char2, config.general); } // Update relationship-specific counters if (config.both) { updateAndTrack(char1Lower + "_" + char2 + config.relationship, amount, char1, char2 + config.relationship); updateAndTrack(char2Lower + "_" + char1 + config.relationship, amount, char2, char1 + config.relationship); } else if (config.giverOnly) { updateAndTrack(char1Lower + "_" + char2 + config.relationship, amount, char1, char2 + config.relationship); } else if (config.receiverOnly) { updateAndTrack(char2Lower + "_" + char1 + config.relationship, amount, char2, char1 + config.relationship); } // Update sexual and basic experience if (config.sexual) { if (config.both) { updateAndTrack(char1Lower + "_sexualExperience", amount, char1, "sexualExperience"); updateAndTrack(char2Lower + "_sexualExperience", amount, char2, "sexualExperience"); } else if (config.giverOnly) { updateAndTrack(char1Lower + "_sexualExperience", amount, char1, "sexualExperience"); } else if (config.receiverOnly) { updateAndTrack(char2Lower + "_sexualExperience", amount, char2, "sexualExperience"); } } if (config.basic) { if (config.both) { updateAndTrack(char1Lower + "_basicExperience", amount, char1, "basicExperience"); updateAndTrack(char2Lower + "_basicExperience", amount, char2, "basicExperience"); } else if (config.giverOnly) { updateAndTrack(char1Lower + "_basicExperience", amount, char1, "basicExperience"); } else if (config.receiverOnly) { updateAndTrack(char2Lower + "_basicExperience", amount, char2, "basicExperience"); } } // Handle first experiences if (config.both) { // Check first experience for both characters const char1FirstVar = char1Lower + config.firstVar; const char2FirstVar = char2Lower + config.firstVar; if (!State.variables[char1FirstVar]) { State.variables[char1FirstVar] = char2; window.StatTracker.trackOther(char1, "First " + State.temporary.experienceType, 1); } if (!State.variables[char2FirstVar]) { State.variables[char2FirstVar] = char1; window.StatTracker.trackOther(char2, "First " + State.temporary.experienceType, 1); } } else if (config.giverOnly) { // Only check first experience for giver const char1FirstVar = char1Lower + config.firstVar; if (!State.variables[char1FirstVar]) { State.variables[char1FirstVar] = char2; window.StatTracker.trackOther(char1, "First " + State.temporary.experienceType, 1); } } else if (config.receiverOnly) { // Only check first experience for receiver const char2FirstVar = char2Lower + config.firstVar; if (!State.variables[char2FirstVar]) { State.variables[char2FirstVar] = char1; window.StatTracker.trackOther(char2, "First " + State.temporary.experienceType, 1); } } <</script>> <</nobr>><</widget>> <<widget "trackCumExperience">><<nobr>> <<set _receiver = $args[0]>><<set _giver = $args[1]>> <<set _cumType = $args[2]>> <<set _orgasmCount = $args[3] || 1>> <<set _receiverLower = _receiver.toLowerCase()>> <<set _giverLower = _giver.toLowerCase()>> <<script>> const cumConfig = { "CumInside": { receiverGeneral: "cumInsideAmount", giverGeneral: "cumAmount", relationship: "CumInsideMl", receiverCount: "cumInsideCount", giverCount: "cumInsideCount" }, "CumSwallowed": { receiverGeneral: "cumSwallowedAmount", giverGeneral: "cumAmount", relationship: "CumSwallowedMl", receiverCount: "cumSwallowedCount", giverCount: "cumSwallowedCount" }, "CumOnBody": { receiverGeneral: "cumOnBodyAmount", giverGeneral: "cumAmount", relationship: "CumOnBodyMl", receiverCount: "cumOnBodyCount", giverCount: "cumOnBodyCount" } }; const config = cumConfig[State.temporary.cumType]; if (config) { const receiver = State.temporary.receiver; const giver = State.temporary.giver; const receiverLower = State.temporary.receiverLower; const giverLower = State.temporary.giverLower; const orgasmCount = State.temporary.orgasmCount; // INTELLIGENT CUM AMOUNT CALCULATION // Get the giver's cum production amount from their body stats let cumAmountPerOrgasm = 45; // Default fallback if (window.setup && window.setup.getStat) { try { cumAmountPerOrgasm = window.setup.getStat(giver, "body", "cumAmount") || 45; } catch (e) { console.log("Could not get cum amount for " + giver + ", using default"); } } // Calculate total ml: cum per orgasm * number of orgasms const totalCumMl = cumAmountPerOrgasm * orgasmCount; // Helper function to update variable and track function updateAndTrack(varName, amount, character, expType) { if (State.variables[varName] === undefined) { State.variables[varName] = 0; } State.variables[varName] += amount; window.StatTracker.trackExperience(character, expType, amount); } // Update receiver's general amount (ml) updateAndTrack(receiverLower + "_" + config.receiverGeneral, totalCumMl, receiver, config.receiverGeneral); // Update relationship-specific amount (ml) updateAndTrack(receiverLower + "_" + giver + config.relationship, totalCumMl, receiver, giver + config.relationship); // Update counts for both characters (number of times) updateAndTrack(receiverLower + "_" + config.receiverCount, orgasmCount, receiver, config.receiverCount); updateAndTrack(giverLower + "_" + config.giverCount, orgasmCount, giver, config.giverCount); // Add to sexual experience for both updateAndTrack(receiverLower + "_sexualExperience", 0.5 * orgasmCount, receiver, "sexualExperience"); updateAndTrack(giverLower + "_sexualExperience", 0.5 * orgasmCount, giver, "sexualExperience"); // Track first cum experience (only on first occurrence) const receiverFirstVar = receiverLower + "First" + State.temporary.cumType; if (!State.variables[receiverFirstVar]) { State.variables[receiverFirstVar] = giver; window.StatTracker.trackOther(receiver, "First " + State.temporary.cumType, 1); } // Display intelligent tracking message const cumMessage = "💦 " + giver + " came " + orgasmCount + " time" + (orgasmCount > 1 ? 's' : '') + " (" + cumAmountPerOrgasm + "ml each = " + totalCumMl + "ml total)"; console.log(cumMessage); } else { console.error("Unknown cum type:", State.temporary.cumType); } <</script>> <</nobr>><</widget>> <<widget "sexualEncounter">><<nobr>> <<set _char1 = $args[0]>><<set _char2 = $args[1]>><<set _acts = $args[2]>> <<script>> // Parse the acts string - format: "Kiss:2,HandjobGiven:1,OrgasmReceived:1" const acts = State.temporary.acts.split(','); acts.forEach(act => { const [actType, count] = act.split(':'); const amount = parseInt(count) || 1; // Use the trackRelationshipExperience widget for each act Wikifier.wikifyEval('<<trackRelationshipExperience "' + State.temporary.char1 + '" "' + State.temporary.char2 + '" "' + actType.trim() + '" ' + amount + '>>'); }); <</script>> <</nobr>><</widget>> <<widget "quickSexTrack">><<nobr>> <<set _giver = $args[1] || "Unknown">><<set _receiver = $args[2] || "Unknown">><<set _action = $args[0] || "Unknown">><<set _amount = $args[3] || 1>> <<set _giver = _giver.toLowerCase()>><<set _receiver = _receiver.toLowerCase()>>  <<if _action === "kiss">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_kissCount"] || 0) === 0) { window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstKiss"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Kiss", window.receiverName); } if ((State.variables[State.temporary.receiver + "_kissCount"] || 0) === 0) { window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstKiss"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Kiss", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_kissCount"] = (State.variables[State.temporary.giver + "_kissCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_kissCount"] = (State.variables[State.temporary.receiver + "_kissCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "KissCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "KissCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "KissCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "KissCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_basicExperience"] = (State.variables[State.temporary.giver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_basicExperience"] = (State.variables[State.temporary.receiver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "kissCount" _amount>><<trackSexualExperience _receiver "kissCount" _amount>>  <<elseif _action === "orgasm">> <<script>>State.variables[State.temporary.giver + "_orgasmsGiven"] = (State.variables[State.temporary.giver + "_orgasmsGiven"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_orgasmsReceived"] = (State.variables[State.temporary.receiver + "_orgasmsReceived"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "OrgasmsGiven"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "OrgasmsGiven"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "OrgasmsReceived"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "OrgasmsReceived"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<changeLust _receiver -100>> <<trackSexualExperience _giver "orgasmsGiven" _amount>><<trackSexualExperience _receiver "orgasmsReceived" _amount>>  <<elseif _action === "handjob">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_handjobDoneCount"] || 0) === 0) { window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstHandjob"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Handjob", window.receiverName); } if ((State.variables[State.temporary.receiver + "_handjobTakenCount"] || 0) === 0) { window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstHandjob"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Handjob", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_handjobDoneCount"] = (State.variables[State.temporary.giver + "_handjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_handjobTakenCount"] = (State.variables[State.temporary.receiver + "_handjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "HandjobCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "HandjobCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "HandjobTakenCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "HandjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "handjobDoneCount" _amount>><<trackSexualExperience _receiver "handjobTakenCount" _amount>>  <<elseif _action === "blowjob">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_blowjobDoneCount"] || 0) === 0) { window.window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstBlowjob"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Blowjob", window.receiverName); } if ((State.variables[State.temporary.receiver + "_blowjobTakenCount"] || 0) === 0) { window.window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstBlowjob"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Blowjob", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_blowjobDoneCount"] = (State.variables[State.temporary.giver + "_blowjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_blowjobTakenCount"] = (State.variables[State.temporary.receiver + "_blowjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BlowjobCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BlowjobCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BlowjobTakenCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BlowjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "blowjobDoneCount" _amount>><<trackSexualExperience _receiver "blowjobTakenCount" _amount>>  <<elseif _action === "footjob">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_footjobDoneCount"] || 0) === 0) { window.window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstFootjob"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Footjob", window.receiverName); } if ((State.variables[State.temporary.receiver + "_footjobTakenCount"] || 0) === 0) { window.window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstFootjob"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Footjob", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_footjobDoneCount"] = (State.variables[State.temporary.giver + "_footjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_footjobTakenCount"] = (State.variables[State.temporary.receiver + "_footjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "FootjobCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "FootjobCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "FootjobTakenCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "FootjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "footjobDoneCount" _amount>><<trackSexualExperience _receiver "footjobTakenCount" _amount>>  <<elseif _action === "boobjob">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_boobjobDoneCount"] || 0) === 0) { window.window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstBoobjob"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Boobjob", window.receiverName); } if ((State.variables[State.temporary.receiver + "_boobjobTakenCount"] || 0) === 0) { window.window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstBoobjob"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Boobjob", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_boobjobDoneCount"] = (State.variables[State.temporary.giver + "_boobjobDoneCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_boobjobTakenCount"] = (State.variables[State.temporary.receiver + "_boobjobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BoobJobCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BoobJobCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BoobJobTakenCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BoobJobTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "boobjobDoneCount" _amount>><<trackSexualExperience _receiver "boobjobTakenCount" _amount>>  <<elseif _action === "vaginal">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_vaginalCount"] || 0) === 0) { window.window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstVaginal"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Vaginal", window.receiverName); } if ((State.variables[State.temporary.receiver + "_vaginalCount"] || 0) === 0) { window.window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstVaginal"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Vaginal", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_vaginalCount"] = (State.variables[State.temporary.giver + "_vaginalCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_vaginalCount"] = (State.variables[State.temporary.receiver + "_vaginalCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "VaginalCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "VaginalCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "VaginalCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "VaginalCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + (State.temporary.amount * 2);<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + (State.temporary.amount * 2);<</script>> <<trackSexualExperience _giver "vaginalCount" _amount>><<trackSexualExperience _receiver "vaginalCount" _amount>>  <<elseif _action === "anal">> <<script>> // Check for first experiences BEFORE incrementing counters if ((State.variables[State.temporary.giver + "_analCount"] || 0) === 0) { window.window.receiverName = State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1); State.variables[State.temporary.giver + "FirstAnal"] = window.receiverName; window.StatTracker.trackOther(State.temporary.giver, "First Anal", window.receiverName); } if ((State.variables[State.temporary.receiver + "_analTakenCount"] || 0) === 0) { window.window.giverName = State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1); State.variables[State.temporary.receiver + "FirstAnal"] = window.giverName; window.StatTracker.trackOther(State.temporary.receiver, "First Anal", window.giverName); } <</script>> <<script>>State.variables[State.temporary.giver + "_analCount"] = (State.variables[State.temporary.giver + "_analCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_analTakenCount"] = (State.variables[State.temporary.receiver + "_analTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "AnalCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "AnalCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "AnalTakenCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "AnalTakenCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + (State.temporary.amount * 2);<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + (State.temporary.amount * 2);<</script>> <<trackSexualExperience _giver "analCount" _amount>><<trackSexualExperience _receiver "analTakenCount" _amount>>  <<elseif _action === "breasttouch">> <<script>>State.variables[State.temporary.giver + "_breastsTouchedCount"] = (State.variables[State.temporary.giver + "_breastsTouchedCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_breastsTouchedByCount"] = (State.variables[State.temporary.receiver + "_breastsTouchedByCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BreastsTouchedCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "BreastsTouchedCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BreastsTouchedByCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "BreastsTouchedByCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + (State.temporary.amount * 0.5);<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + (State.temporary.amount * 0.5);<</script>> <<script>>State.variables[State.temporary.giver + "_basicExperience"] = (State.variables[State.temporary.giver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_basicExperience"] = (State.variables[State.temporary.receiver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "breastsTouchedCount" _amount>><<trackSexualExperience _receiver "breastsTouchedByCount" _amount>>  <<elseif _action === "asstouch">> <<script>>State.variables[State.temporary.giver + "_assTouchedCount"] = (State.variables[State.temporary.giver + "_assTouchedCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_assTouchedByCount"] = (State.variables[State.temporary.receiver + "_assTouchedByCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "AssTouchedCount"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "AssTouchedCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "AssTouchedByCount"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "AssTouchedByCount"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_sexualExperience"] = (State.variables[State.temporary.giver + "_sexualExperience"] || 0) + (State.temporary.amount * 0.5);<</script>> <<script>>State.variables[State.temporary.receiver + "_sexualExperience"] = (State.variables[State.temporary.receiver + "_sexualExperience"] || 0) + (State.temporary.amount * 0.5);<</script>> <<script>>State.variables[State.temporary.giver + "_basicExperience"] = (State.variables[State.temporary.giver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.receiver + "_basicExperience"] = (State.variables[State.temporary.receiver + "_basicExperience"] || 0) + State.temporary.amount;<</script>> <<trackSexualExperience _giver "assTouchedCount" _amount>><<trackSexualExperience _receiver "assTouchedByCount" _amount>>  <<elseif _action === "cuminside">> <<script>> <</script>>  <<elseif _action === "cumswallowed">> <<script>> <</script>> <<elseif _action === "cumonbody">> <<script>>State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "CumOnBodyMl"] = (State.variables[State.temporary.receiver + "_" + State.temporary.giver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "CumOnBodyMl"] || 0) + State.variables[State.temporary.giver.toLowerCase() + "_cumAmount"] * State.temporary.amount;<</script>> <<script>>State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.receiver.slice(1) + "CumOnOthersMl"] = (State.variables[State.temporary.giver + "_" + State.temporary.receiver.charAt(0).toUpperCase() + State.temporary.giver.slice(1) + "CumOnOthersMl"] || 0) + State.variables[State.temporary.giver.toLowerCase() + "_cumAmount"] * State.temporary.amount;<</script>> <<set $cumamount = _amount * State.variables[State.temporary.giver.toLowerCase() + "_cumAmount"] * State.temporary.amount>> <<trackAddSexualExperience _receiver "cumOnBodyAmount" $cumamount>> <</if>> <</nobr>><</widget>> <<widget "quickCumTrack">><<nobr>> <<trackCumExperience $args[1] $args[0] $args[2] $args[3]>> <</nobr>><</widget>> /* ============================================ INTELLIGENT RELATIONSHIP TRACKING SYSTEM ============================================ This system automatically handles ALL relationship stat tracking including: - Individual counters (rylan_kissCount, serin_kissCount) - Relationship counters (rylan_SerinKissCount, serin_RylanKissCount) - First experiences (rylanFirstKiss, serinFirstKiss) - Sexual/basic experience increases - INTELLIGENT CUM CALCULATION (automatic ml calculation) - Automatic stat summary tracking === USAGE EXAMPLES === 1. Simple kiss: <<trackRelationshipExperience "Rylan" "Serin" "Kiss" 1>> 2. Handjob (Serin gives to Rylan): <<quickSexTrack "handjob" "Serin" "Rylan" 1>> 3. Multiple acts in one encounter: <<sexualEncounter "Rylan" "Liora" "Kiss:3,BreastsTouched:1,OrgasmGiven:1">> 4. Intelligent cum tracking (AUTO-CALCULATES ML): <<trackCumExperience "Liora" "Seryk" "CumSwallowed" 1>> // Automatically looks up Seryk's cumAmount stat (e.g., 65ml) // Calculates total: 65ml * 1 orgasm = 65ml // Updates all variables accordingly 5. Multiple orgasms: <<quickSexTrack "cumonbody" "Rylan" "Serin" 2>> // Auto-calculates: Rylan's cumAmount * 2 orgasms = total ml === AVAILABLE EXPERIENCE TYPES === Mutual experiences (both get counts): - "Kiss" - Both get kissCount and relationship KissCount - "Vaginal" - Both get vaginalCount - "Anal" - Both get analCount Directional experiences (giver/receiver specific): - "HandjobGiven"/"HandjobTaken" - "BlowjobGiven"/"BlowjobTaken" - "FootjobGiven"/"FootjobTaken" - "BoobJobGiven"/"BoobJobTaken" - "BreastsTouched"/"BreastsTouchedBy" - "AssTouched"/"AssTouchedBy" - "OrgasmGiven"/"OrgasmReceived" - "AnalTaken" (receiver only) === INTELLIGENT CUM TYPES === - "CumInside" - Internal cumming (auto-calculates ml from giver's cumAmount) - "CumSwallowed" - Oral cumming/swallowing (auto-calculates ml) - "CumOnBody" - External cumming (auto-calculates ml) === QUICK COMMANDS === Sexual Acts: - quickSexTrack "kiss" "Char1" "Char2" amount - quickSexTrack "handjob" "Giver" "Receiver" amount - quickSexTrack "blowjob" "Giver" "Receiver" amount - quickSexTrack "vaginal" "Char1" "Char2" amount - quickSexTrack "orgasm" "Giver" "Receiver" amount Cum Tracking (INTELLIGENT - auto-calculates ml): - quickSexTrack "cuminside" "Giver" "Receiver" orgasm_count - quickSexTrack "cumswallowed" "Giver" "Receiver" orgasm_count - quickSexTrack "cumonbody" "Giver" "Receiver" orgasm_count - quickCumTrack "Giver" "Receiver" "CumType" orgasm_count === INTELLIGENT CUM CALCULATION === The system automatically: 1. Looks up the giver's cumAmount stat from setup.getStat(character, "body", "cumAmount") 2. Multiplies by number of orgasms: total_ml = cumAmount_per_orgasm * orgasm_count 3. Updates all ml variables with calculated amount 4. Updates count variables with orgasm count 5. Tracks first experiences and sexual experience Example: - Seryk has 65ml cumAmount in his stats - <<quickSexTrack "cumonbody" "Seryk" "Liora" 2>> - System calculates: 65ml * 2 = 130ml total - Updates liora_cumOnBodyAmount += 130 - Updates liora_SerykCumOnBodyMl += 130 - Updates counts, experience, tracking, etc. No more manual ml calculation needed! ============================================ */ <<widget "autoTrackStatChange">> <<set _character = $args[0] || "Unknown">> <<set _stat = $args[1] || "Unknown">> <<set _oldValue = $args[2] || 0>> <<set _newValue = $args[3] || 0>> <<set _amount = _newValue - _oldValue>> <<if _amount != 0>> <<if _stat.includes("Affection")>> <<set _target = _stat.replace(/.*_(.*)Affection.*/, "$1")>> <<trackAffection _character _target _amount>> <<elseif _stat.includes("Attraction")>> <<set _target = _stat.replace(/.*_(.*)Attraction.*/, "$1")>> <<trackAttraction _character _target _amount>> <<elseif _stat == "Lust">> <<trackLust _character _amount>> <<elseif _stat.includes("Fetish")>> <<set _fetishName = _stat.replace(/Fetish/, "")>> <<trackFetish _character _fetishName _amount>> <<elseif ["technique", "agility", "physicalPower", "willpower", "perception", "vitality", "stamina"].includes(_stat)>> <<trackCombatStat _character _stat _amount>> <<else>> <<trackOther _character _stat _amount>> <</if>> <</if>> <</widget>> /* Initialize StatTracker */ <<script>> $(document).one(':passagestart', function () { if (window.StatTracker) { window.StatTracker.init(); } }); <</script>> /* Resonance System */ <<widget "calculateResonance">><<nobr>> <<script>> const partyMembers = ['rylan', 'liora', 'serin', 'mariel', 'thalor', 'seryk', 'Nimeria']; const combatStats = ['physicalPower', 'agility', 'willpower', 'technique', 'focus']; partyMembers.forEach(member => { combatStats.forEach(stat => { State.variables[member + '_resonance' + stat.charAt(0).toUpperCase() + stat.slice(1)] = 0; }); partyMembers.forEach(otherMember => { if (member !== otherMember) { const affectionVar = otherMember + '_' + member.charAt(0).toUpperCase() + member.slice(1) + 'Affection'; const affection = State.variables[affectionVar] || 0; const bonus = (affection / 100) * 0.01; if (affection > 0) { combatStats.forEach(stat => { let otherMemberStat = 0; if (State.variables[otherMember + '_base' + stat.charAt(0).toUpperCase() + stat.slice(1)]) { otherMemberStat = State.variables[otherMember + '_base' + stat.charAt(0).toUpperCase() + stat.slice(1)]; } else if (State.variables[otherMember + '_' + stat]) { otherMemberStat = State.variables[otherMember + '_' + stat]; } else { switch(otherMember) { case 'rylan': otherMemberStat = stat === 'physicalPower' ? 10 : stat === 'agility' ? 8 : stat === 'willpower' ? 6 : stat === 'technique' ? 7 : 6; break; case 'liora': otherMemberStat = stat === 'physicalPower' ? 7 : stat === 'agility' ? 7 : stat === 'willpower' ? 12 : stat === 'technique' ? 8 : 9; break; case 'serin': otherMemberStat = stat === 'physicalPower' ? 11 : stat === 'agility' ? 12 : stat === 'willpower' ? 7 : stat === 'technique' ? 9 : 8; break; case 'mariel': otherMemberStat = stat === 'physicalPower' ? 8 : stat === 'agility' ? 7 : stat === 'willpower' ? 11 : stat === 'technique' ? 9 : 10; break; case 'seryk': otherMemberStat = stat === 'physicalPower' ? 16 : stat === 'agility' ? 12 : stat === 'willpower' ? 13 : stat === 'technique' ? 11 : 11; break; default: otherMemberStat = 8; } } const resonanceVar = member + '_resonance' + stat.charAt(0).toUpperCase() + stat.slice(1); State.variables[resonanceVar] += otherMemberStat * bonus; State.variables[resonanceVar] = Math.round(State.variables[resonanceVar] * 100) / 100; }); } } }); }); <</script>> <</nobr>><</widget>> <<widget "updateResonanceOnAffectionChange">><<nobr>> <<calculateResonance>> <</nobr>><</widget>> <<widget "resonanceDisplay">><<nobr>> <div class="resonance-display"> <h3>🌟 Resonance System 🌟</h3> <div class="resonance-explanation" style="font-style: italic; margin-bottom: 10px;"> <strong>How it works:</strong> Your bonds with party members grant combat bonuses. The stronger your affection for each other, the more you share each other's strengths. Formula: (Affection ÷ 100) × 1% × Their Stat = Your Bonus </div> <div class="resonance-debug"> <strong>Current Affection Values:</strong><br> Liora → $humanName: $liora_RylanAffection | Serin → $humanName: $serin_RylanAffection<br> $humanName → Liora: $rylan_LioraAffection | $humanName → Serin: $rylan_SerinAffection<br> Serin → Liora: $serin_LioraAffection | Liora → Serin: $liora_SerinAffection<br> </div> <<set _hasAnyBonus = false>> <<set _totalBonus = 0>> <<for _member range ["rylan", "liora", "serin"]>> <<for _stat range ["PhysicalPower", "Agility", "Willpower", "Technique", "Focus"]>> <<set _value = State.variables[_member + "_resonance" + _stat] || 0>> <<if _value > 0>> <<set _hasAnyBonus = true>> <<set _totalBonus += _value>> <</if>> <</for>> <</for>> <<if _hasAnyBonus || _totalBonus > 0.1>> <div class="resonance-stats" style="margin-top: 10px;"><strong>✨ Active Resonance Bonuses:</strong><br><<if $rylan_resonancePhysicalPower > 0 || $rylan_resonanceAgility > 0 || $rylan_resonanceWillpower > 0 || $rylan_resonanceTechnique > 0 || $rylan_resonanceFocus > 0>> <strong>$humanName:</strong> <<if $rylan_resonancePhysicalPower > 0>>+$rylan_resonancePhysicalPower PWR <</if>><<if $rylan_resonanceAgility > 0>>+$rylan_resonanceAgility AGI <</if>><<if $rylan_resonanceWillpower > 0>>+$rylan_resonanceWillpower WIL <</if>><<if $rylan_resonanceTechnique > 0>>+$rylan_resonanceTechnique TEC <</if>><<if $rylan_resonanceFocus > 0>>+$rylan_resonanceFocus FOC<</if>><br><</if>><<if $liora_resonancePhysicalPower > 0 || $liora_resonanceAgility > 0 || $liora_resonanceWillpower > 0 || $liora_resonanceTechnique > 0 || $liora_resonanceFocus > 0>> <strong>Liora:</strong> <<if $liora_resonancePhysicalPower > 0>>+$liora_resonancePhysicalPower PWR <</if>><<if $liora_resonanceAgility > 0>>+$liora_resonanceAgility AGI <</if>><<if $liora_resonanceWillpower > 0>>+$liora_resonanceWillpower WIL <</if>><<if $liora_resonanceTechnique > 0>>+$liora_resonanceTechnique TEC <</if>><<if $liora_resonanceFocus > 0>>+$liora_resonanceFocus FOC<</if>><br><</if>> <<if $serin_resonancePhysicalPower > 0 || $serin_resonanceAgility > 0 || $serin_resonanceWillpower > 0 || $serin_resonanceTechnique > 0 || $serin_resonanceFocus > 0>> <strong>Serin:</strong> <<if $serin_resonancePhysicalPower > 0>>+$serin_resonancePhysicalPower PWR <</if>> <<if $serin_resonanceAgility > 0>>+$serin_resonanceAgility AGI <</if>><<if $serin_resonanceWillpower > 0>>+$serin_resonanceWillpower WIL <</if>><<if $serin_resonanceTechnique > 0>>+$serin_resonanceTechnique TEC <</if>><<if $serin_resonanceFocus > 0>>+$serin_resonanceFocus FOC<</if>><br><</if>></div><<else>> <div class="resonance-inactive" style="color: #888; margin-top: 10px;"> <strong>💔 No significant resonance bonuses active yet.</strong><br> <em>Build stronger bonds with your party members to unlock the power of resonance!</em><br> With your current affection levels, you should be seeing small bonuses soon. </div><</if>></div><</nobr>><</widget>> <<widget "rollCheck">><<nobr>> <<set _rollName = $args[0] || "Check">> <<set _baseSuccessChance = $args[1] || 95>> <<set _modifiers = $args[2] || []>> <<set _finalSuccessChance = _baseSuccessChance>> <<for _i = 0; _i < _modifiers.length; _i++>> <<set _finalSuccessChance += _modifiers[_i]>> <</for>> <<set _finalSuccessChance = Math.max(20, Math.min(95, _finalSuccessChance))>> <<set _finalThreshold = 100 - _finalSuccessChance>> <<set _roll = random(1, 100)>> <<set _tempRollResult = _roll>> <<set _tempThreshold = _finalThreshold>> <<set _tempRollSuccess = (_roll > _finalThreshold)>> <div style="background: rgba(30, 30, 40, 0.9); border: 2px solid rgba(100, 100, 100, 0.3); border-radius: 8px; padding: 10px; margin: 15px 0; font-family: monospace; text-align: center;"> <span style="color: #FFD700;">🎲 _rollName: _roll vs _finalThreshold <<if _tempRollSuccess>><span style="color: #90EE90;">(Success)</span><<else>><span style="color: #FF6B6B;">(Failure)</span><</if>></span> </div> <</nobr>><</widget>> <<widget "quickRoll">><<nobr>> <<set _rollName = $args[0] || "Check">> <<set _character = $args[1] || "Rylan">> <<set _baseSuccessChance = $args[2] || 95>> <<set _lustPenalty = $args[3] || 5>> <<set _fetishType = $args[4] || "">> <<set _fetishPenalty = $args[5] || 3>> <<set _lustMod = 0>> <<set _fetishMod = 0>> <<set _currentLust = State.variables[_character.toLowerCase() + "_Lust"] || 0>> <<set _currentFetish = 0>> <<if _fetishType !== "">> <<set _fetishVarName = _character.toLowerCase() + "_" + _fetishType.charAt(0).toUpperCase() + _fetishType.slice(1)>> <<set _currentFetish = State.variables[_fetishVarName] || 0>> <</if>> <<if _currentLust > 0>> <<set _lustMod = -Math.floor(_currentLust / 20) * _lustPenalty>> <</if>> <<if _fetishType !== "" && _currentFetish > 0>> <<set _fetishMod = -Math.floor(_currentFetish) * _fetishPenalty>> <</if>> <<set _modifiers = [_lustMod, _fetishMod]>> <<rollCheck _rollName _baseSuccessChance _modifiers>> <</nobr>><</widget>> /* Initialize Resonance System on Game Start */ <<calculateResonance>> /* Cum Addiction System */ <<script>> // Cum Addiction System - Global handler for passage updates window.CumAddictionSystem = { updateAllCharacters: function() { const characters = ['rylan', 'mariel', 'thalor', 'liora', 'serin', 'seryk', 'nimeria']; characters.forEach(char => { const cumAddiction = State.variables[char + '_CumAddiction'] || 0; const currentCumNeed = State.variables[char + '_CumNeed'] || 0; // Increase CumNeed by CumAddiction amount if (cumAddiction > 0) { const newCumNeed = Math.min(100, currentCumNeed + cumAddiction); State.variables[char + '_CumNeed'] = newCumNeed; // If CumNeed >= 50, set Lust to minimum 50 if it's lower if (newCumNeed >= 50) { const currentLust = State.variables[char + '_Lust'] || 0; if (currentLust < 50) { State.variables[char + '_Lust'] = 50; } } } }); }, resetCumNeed: function(character, cumSource = 'any') { const charName = character.toLowerCase(); // Only Seryk's cum is addictive and can cure cumNeed for now if (cumSource === 'seryk' || cumSource === 'Seryk') { State.variables[charName + '_CumNeed'] = 0; return true; } return false; }, getCumNeedResistanceModifier: function(character) { const charName = character.toLowerCase(); const cumNeed = State.variables[charName + '_CumNeed'] || 0; // Return resistance penalty based on CumNeed level if (cumNeed >= 80) return -30; // Very high need = very weak resistance if (cumNeed >= 60) return -20; // High need = weak resistance if (cumNeed >= 40) return -10; // Medium need = some resistance loss if (cumNeed >= 20) return -5; // Low need = slight resistance loss return 0; // No need = no penalty } }; // Auto-update system - runs on every passage $(document).on(':passageend', function() { if (window.CumAddictionSystem) { window.CumAddictionSystem.updateAllCharacters(); } }); <</script>> /* Cum Addiction Macros */ <<widget "processCumAddiction">><<nobr>> <<script>> if (window.CumAddictionSystem) { window.CumAddictionSystem.updateAllCharacters(); } <</script>> <</nobr>><</widget>> <<widget "cumContact">><<nobr>> <<set _character = $args[0] || "Unknown">> <<set _cumSource = $args[1] || "any">> <<script>> if (window.CumAddictionSystem) { const success = window.CumAddictionSystem.resetCumNeed(State.temporary.character, State.temporary.cumSource); if (success) { // Only show notification if cum need was actually reset const charName = State.temporary.character.toLowerCase(); const cumNeed = State.variables[charName + '_CumNeed'] || 0; if (cumNeed > 0) { State.variables[charName + '_CumNeed'] = 0; } } } <</script>> <</nobr>><</widget>> <<widget "cumNeedResistanceCheck">><<nobr>> <<set _character = $args[0] || "Unknown">> <<set _baseResistance = $args[1] || 50>> <<script>> if (window.CumAddictionSystem) { const modifier = window.CumAddictionSystem.getCumNeedResistanceModifier(State.temporary.character); State.temporary.finalResistance = State.temporary.baseResistance + modifier; State.temporary.cumNeedPenalty = modifier; } <</script>> <</nobr>><</widget>> /* Combat Stats Object Initialization */ /* Initialize combatStats objects for all characters to ensure proper structure */ <<if not $rylan_combatStats>> <<set $rylan_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 10, agility: 8, willpower: 6, technique: 7, perception: 6, focus: 6, vitality: 10 }>> <</if>> <<if not $liora_combatStats>> <<set $liora_combatStats = { maxHealth: 80, currentHealth: 80, maxStamina: 80, currentStamina: 80, physicalPower: 7, agility: 7, willpower: 12, technique: 8, perception: 9, focus: 10, vitality: 8 }>> <</if>> <<if not $serin_combatStats>> <<set $serin_combatStats = { maxHealth: 90, currentHealth: 90, maxStamina: 120, currentStamina: 120, physicalPower: 11, agility: 12, willpower: 7, technique: 9, perception: 8, focus: 7, vitality: 9 }>> <</if>> <<if not $mariel_combatStats>> <<set $mariel_combatStats = { maxHealth: 85, currentHealth: 85, maxStamina: 90, currentStamina: 90, physicalPower: 8, agility: 7, willpower: 11, technique: 9, perception: 10, focus: 11, vitality: 9 }>> <</if>> <<if not $thalor_combatStats>> <<set $thalor_combatStats = { maxHealth: 130, currentHealth: 130, maxStamina: 110, currentStamina: 110, physicalPower: 15, agility: 9, willpower: 14, technique: 12, perception: 11, focus: 10, vitality: 13 }>> <</if>> <<if not $seryk_combatStats>> <<set $seryk_combatStats = { maxHealth: 220, currentHealth: 220, maxStamina: 120, currentStamina: 120, physicalPower: 26, agility: 20, willpower: 20, technique: 20, perception: 20, focus: 20, vitality: 20 }>> <</if>> <<if not $nimeria_combatStats>> <<set $nimeria_combatStats = { maxHealth: 100, currentHealth: 100, maxStamina: 100, currentStamina: 100, physicalPower: 10, agility: 13, willpower: 16, technique: 15, perception: 14, focus: 14, vitality: 12 }>> <</if>> <<widget "fullHealParty">><<nobr>> <<if $rylan_combatStats>><<set $rylan_combatStats.currentHealth = $rylan_combatStats.maxHealth>><<set $rylan_combatStats.currentStamina = $rylan_combatStats.maxStamina>><</if>> <<if $liora_combatStats>><<set $liora_combatStats.currentHealth = $liora_combatStats.maxHealth>><<set $liora_combatStats.currentStamina = $liora_combatStats.maxStamina>><</if>> <<if $serin_combatStats>><<set $serin_combatStats.currentHealth = $serin_combatStats.maxHealth>><<set $serin_combatStats.currentStamina = $serin_combatStats.maxStamina>><</if>> <<if $mariel_combatStats>><<set $mariel_combatStats.currentHealth = $mariel_combatStats.maxHealth>><<set $mariel_combatStats.currentStamina = $mariel_combatStats.maxStamina>><</if>> <<if $thalor_combatStats>><<set $thalor_combatStats.currentHealth = $thalor_combatStats.maxHealth>><<set $thalor_combatStats.currentStamina = $thalor_combatStats.maxStamina>><</if>> <<if $seryk_combatStats>><<set $seryk_combatStats.currentHealth = $seryk_combatStats.maxHealth>><<set $seryk_combatStats.currentStamina = $seryk_combatStats.maxStamina>><</if>> <<if $nimeria_combatStats>><<set $nimeria_combatStats.currentHealth = $nimeria_combatStats.maxHealth>><<set $nimeria_combatStats.currentStamina = $nimeria_combatStats.maxStamina>><</if>> <</nobr>><</widget>> <<set $patreonSupporters = { "Corruptors": [ "H.E." ], "Manipulators": [ "just.in.case", "Azure", "Scott" ], "Initiates": [ "J", "Jackson", "Sharpe", "Loki388", "Tricaster", "143Framtri", "Pter1717", "Framed", "Xenzor", "Ntrox98", "Frosty1979", "VergilPoon", "John", "Wellan", "Snowish", "joe", "Perfy", "Charles", "Сергей", "Drulle", "Obrecht13", "very", "Jeremy", "mike", "Izumi105", "Markus", "Grimisaac", "shpee", "Sebastien" ], "Watchers": [ "Three" ] }>> <<widget "displayPatronsCredits">><<nobr>> <<set _tier = $args[0]>> <<if not $patreonSupporters>> <<set $patreonSupporters = { "Corruptors": [ "Alexandar04", "H.E.", "Lastnavajo" ], "Manipulators": [ "just.in.case", "Scott" ], "Initiates": [ "San", "장봉원", "gabrielle", "Tux", "juanca", "DarkWire", "Jonathan", "WolfSinFabossa", "GoliathK", "K11", "whyandhi", "Dnileas", "Smoolio", "Devtan", "Ben", "Pepega", "Brandon", "Clifford", "Raven8I", "GimmeThatPassCode", "Kane", "Je", "Jak", "Greyback", "Templar", "bobthegamer", "Conrad", "Mitios", "Majortom589", "Zerocool420", "Tonuxol", "Alde", "bake", "Trickster", "Dr.", "Airmanken", "Deserex", "МАШИНА", "246Rennie", "Kane", "Kawika", "zodac", "j", "widegoo", "Sharpe", "Loki388", "Tricaster", "143Framtri", "Pter1717", "Framed", "Xenzor", "N1rox98", "Frosty1979", "Wellan", "joe", "Perfy", "Charles", "Сергей", "Drulle", "Obrecht13", "very", "Jeremy", "mike", "Izumi105", "Markus", "Grimisaac", "shpee", "Sebastien" ], "Watchers": [ "Three" ] }>> <</if>> <<set _supporters = $patreonSupporters[_tier] || []>> <<for _supporter range _supporters>> <p style="margin: 8px 0; opacity: 0.9;">• _supporter</p> <</for>> <</nobr>><</widget>> <<widget "scrollingCredits">> <<set _duration = $args[0] || 120>> <<set _speed = $args[1] || "normal">> <div id="scrolling-credits-container" style="position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: linear-gradient(180deg, #000000 0%, #1a1a2e 50%, #000000 100%); z-index: 9999; overflow: hidden; display: flex; align-items: center; justify-content: center;"> <div id="scrolling-credits" style="width: 80%; max-width: 600px; text-align: center; color: #ffffff; font-family: serif; position: absolute; bottom: -300vh; animation: scrollUp 120s linear forwards;"> <div style="margin-bottom: 110px;"> <h1 style="color: #ffd700; font-size: 3em; text-shadow: 2px 2px 8px rgba(255,215,0,0.5); margin-bottom: 40px; font-weight: bold;"> ✨ Special Thanks ✨ </h1> <p style="font-size: 1.3em; color: #e6e6fa; line-height: 1.8; margin-bottom: 60px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);"> The following patrons make<br/> <strong style="color: #ffd700;">Bonds Defiled</strong><br/> possible through their generous support </p> </div> <div style="margin-bottom: 110px;"> <h2 style="color: #da70d6; font-size: 2em; text-shadow: 2px 2px 6px rgba(218,112,214,0.6); margin-bottom: 30px; font-weight: bold;"> 🌑 Corruptors 🌑 </h2> <div style="font-size: 1.3em; color: #ffffff; line-height: 2; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <<displayPatronsCredits "Corruptors">> </div> </div> <div style="margin-bottom: 110px;"> <h2 style="color: #ba55d3; font-size: 1.9em; text-shadow: 2px 2px 6px rgba(186,85,211,0.6); margin-bottom: 30px; font-weight: bold;"> 🎭 Manipulators 🎭 </h2> <div style="font-size: 1.25em; color: #ffffff; line-height: 1.9; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <<displayPatronsCredits "Manipulators">> </div> </div> <div style="margin-bottom: 110px;"> <h2 style="color: #60a5fa; font-size: 1.6em; text-shadow: 2px 2px 6px rgba(96,165,250,0.6); margin-bottom: 30px; font-weight: bold;"> ⭐ Initiates ⭐ </h2> <div style="font-size: 1.1em; color: #ffffff; line-height: 1.6; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <<displayPatronsCredits "Initiates">> </div> </div> <div style="margin-bottom: 110px;"> <h2 style="color: #9ca3af; font-size: 1.4em; text-shadow: 2px 2px 6px rgba(156,163,175,0.6); margin-bottom: 30px; font-weight: bold;"> 👁️ Watchers 👁️ </h2> <div style="font-size: 1em; color: #ffffff; line-height: 1.5; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);"> <<displayPatronsCredits "Watchers">> </div> </div> <div style="margin-bottom: 100px;"> <h2 style="color: #ffd700; font-size: 2em; text-shadow: 2px 2px 6px rgba(255,215,0,0.6); margin-bottom: 40px; font-weight: bold;"> 💝 Thank You 💝 </h2> <p style="font-size: 1.3em; color: #e6e6fa; line-height: 2; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); margin-bottom: 40px;"> Your support enables the complex systems,<br/> detailed character development,<br/> and rich storytelling that define<br/> <strong style="color: #ffd700;">Bonds Defiled</strong> </p> <p style="font-size: 1.1em; color: #dda0dd; line-height: 1.8; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);"> Every patron contributes to the soul of this project.<br/> From the smallest pledge to the largest donation,<br/> you make this ambitious vision possible. </p> </div> <div style="margin-bottom: 150px;"> <p style="font-size: 1.4em; color: #ffd700; text-shadow: 2px 2px 6px rgba(255,215,0,0.6); font-weight: bold;"> The story continues... </p> </div> </div> </div> <style> @keyframes scrollUp { 0% { bottom: -300vh; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { bottom: 150vh; opacity: 0; } } #skip-credits:hover { background: rgba(255,215,0,0.2); transform: scale(1.05); box-shadow: 0 4px 15px rgba(255,215,0,0.3); } .credits-slow #scrolling-credits { animation-duration: 45s !important; } .credits-fast #scrolling-credits { animation-duration: 20s !important; } </style> <<script>> var duration = State.temporary.duration || 120; var creditsElement = document.getElementById('scrolling-credits'); if (creditsElement) { creditsElement.style.animationDuration = duration + 's'; } setTimeout(function() { var container = document.getElementById('scrolling-credits-container'); if (container) { container.style.display = 'none'; } }, (duration + 2) * 1000); <</script>> <</widget>> /* ========== DUNGEON EXPLORATION SYSTEM ========== */ <<widget "generateDungeonCards">><<nobr>> <<if not $blightwoodEventsSeen>><<set $blightwoodEventsSeen = []>><</if>> <<set _cardTypes = ["event", "event", "event", "battle", "item", "gold", "crystal", "mystery", "random", "random"]>> <<set _choiceRoll = random(1, 100)>> <<if _choiceRoll <= 55>> <<set _numChoices = 1>> <<elseif _choiceRoll <= 85>> <<set _numChoices = 2>> <<else>> <<set _numChoices = 3>> <</if>> <<set _card1 = either(_cardTypes)>> <<set _card2 = either(_cardTypes)>> <<set _card3 = either(_cardTypes)>> <div style="display: flex; gap: 20px; margin: 30px 0; justify-content: center; flex-wrap: wrap;"> <div class="dungeon-card" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 150px; max-width: 200px;"> <<switch _card1>> <<case "event">><h3 style="color: #FFD700; margin-bottom: 10px;">🎭 Event</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mysterious encounter awaits</p>[[Choose this path|DungeonEventCard]] <<case "battle">><h3 style="color: #FF6347; margin-bottom: 10px;">⚔️ Battle</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Combat encounter ahead</p>[[Choose this path|DungeonBattleCard]] <<case "item">><h3 style="color: #9370DB; margin-bottom: 10px;">✨ Training</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Ancient knowledge to gain</p>[[Choose this path|DungeonItemCard]] <<case "gold">><h3 style="color: #FFD700; margin-bottom: 10px;">💰 Treasure</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Golden opportunity</p>[[Choose this path|DungeonGoldCard]] <<case "crystal">><h3 style="color: #87CEEB; margin-bottom: 10px;">💎 Crystal</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mystical energy source</p>[[Choose this path|DungeonCrystalCard]] <<case "mystery">><h3 style="color: #DA70D6; margin-bottom: 10px;">🔮 Mana Resonance</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">You sense magical energy</p>[[Choose this path|DungeonMysteryCard]] <<case "random">><h3 style="color: #FF1493; margin-bottom: 10px;">🎲 Random</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Fate decides your path</p>[[Choose this path|DungeonRandomCard]] <</switch>></div> <<if _numChoices >= 2>> <div class="dungeon-card" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 150px; max-width: 200px;"> <<switch _card2>> <<case "event">><h3 style="color: #FFD700; margin-bottom: 10px;">🎭 Event</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mysterious encounter awaits</p>[[Choose this path|DungeonEventCard]] <<case "battle">><h3 style="color: #FF6347; margin-bottom: 10px;">⚔️ Battle</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Combat encounter ahead</p>[[Choose this path|DungeonBattleCard]] <<case "item">><h3 style="color: #9370DB; margin-bottom: 10px;">✨ Training</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Ancient knowledge to gain</p>[[Choose this path|DungeonItemCard]] <<case "gold">><h3 style="color: #FFD700; margin-bottom: 10px;">💰 Treasure</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Golden opportunity</p>[[Choose this path|DungeonGoldCard]] <<case "crystal">><h3 style="color: #87CEEB; margin-bottom: 10px;">💎 Crystal</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mystical energy source</p>[[Choose this path|DungeonCrystalCard]] <<case "mystery">><h3 style="color: #DA70D6; margin-bottom: 10px;">🔮 Mana Resonance</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">You sense magical energy</p>[[Choose this path|DungeonMysteryCard]] <<case "random">><h3 style="color: #FF1493; margin-bottom: 10px;">🎲 Random</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Fate decides your path</p>[[Choose this path|DungeonRandomCard]] <</switch>></div> <</if>> <<if _numChoices >= 3>> <div class="dungeon-card" style="background: rgba(255,255,255,0.1); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 20px; text-align: center; flex: 1; min-width: 150px; max-width: 200px;"> <<switch _card3>> <<case "event">><h3 style="color: #FFD700; margin-bottom: 10px;">🎭 Event</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mysterious encounter awaits</p>[[Choose this path|DungeonEventCard]] <<case "battle">><h3 style="color: #FF6347; margin-bottom: 10px;">⚔️ Battle</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Combat encounter ahead</p>[[Choose this path|DungeonBattleCard]] <<case "item">><h3 style="color: #9370DB; margin-bottom: 10px;">✨ Training</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Ancient knowledge to gain</p>[[Choose this path|DungeonItemCard]] <<case "gold">><h3 style="color: #FFD700; margin-bottom: 10px;">💰 Treasure</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Golden opportunity</p>[[Choose this path|DungeonGoldCard]] <<case "crystal">><h3 style="color: #87CEEB; margin-bottom: 10px;">💎 Crystal</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Mystical energy source</p>[[Choose this path|DungeonCrystalCard]] <<case "mystery">><h3 style="color: #DA70D6; margin-bottom: 10px;">🔮 Mana Resonance</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">You sense magical energy</p>[[Choose this path|DungeonMysteryCard]] <<case "random">><h3 style="color: #FF1493; margin-bottom: 10px;">🎲 Random</h3><p style="color: white; font-size: 0.9em; margin-bottom: 15px;">Fate decides your path</p>[[Choose this path|DungeonRandomCard]] <</switch>></div> <</if>> </div> <</nobr>><</widget>> <<widget "dungeonEffectCheck">><<nobr>> <<if $dungeonEffect === "poisonDamage">> <<set _totalPoisonDamage = Math.ceil($partyMaxHP * 0.1)>> <<set $partyCurrentHP = Math.max(0, $partyCurrentHP - _totalPoisonDamage)>> <div style="background: rgba(138, 43, 226, 0.3); border: 1px solid rgba(138, 43, 226, 0.6); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"> <p style="color: #DA70D6; font-size: 1.1em; margin: 0;"><span style="font-size: 1.2em;">☠️</span> The toxic atmosphere drains everyone's health (-_totalPoisonDamage HP) <span style="font-size: 1.2em;">☠️</span></p></div> <<elseif $dungeonEffect === "lustIncrease">> <<changeLust "Rylan" 2>><<changeLust "Liora" 2>><<changeLust "Serin" 2>><<changeLust "Mariel" 2>><<changeLust "Seryk" 2>><<changeLust "Nimeria" 2>> <div class="dungeon-effect" style="background: rgba(255,20,147,0.3); border: 1px solid rgba(255,20,147,0.5); border-radius: 8px; padding: 15px; margin-bottom: 15px; text-align: center;"> <p style="color: #FF1493; font-size: 0.9em; margin: 0;">💗 The charged atmosphere increases everyone's lust (+2) 💗</p></div> <</if>> <</nobr>><</widget>> <<widget "battleRollDisplay">><<nobr>> <<set _roll = $args[0]>><<set _threshold = $args[1]>><<set _partyPower = $args[2]>> <<set _uniqueId = "roll_" + random(1, 999999)>> <div class="battle-roll-display" style="background: rgba(25,25,25,0.9); border: 2px solid rgba(255,215,0,0.6); border-radius: 12px; padding: 20px; margin: 20px 0; text-align: center;"> <h3 style="color: #FFD700; margin-bottom: 15px;">🎲 Battle Roll 🎲</h3> <div id="<<print _uniqueId>>" style="display: flex; justify-content: space-around; align-items: center; margin: 15px 0;"> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Roll</p> <p class="roll-number" style="color: #FFD700; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;">Rolling...</p></div> <div style="color: white; font-size: 1.2em;">vs</div> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Power</p> <p style="color: #87CEEB; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;"><<print Math.round(_partyPower)>></p></div></div> <div class="roll-result" style=""> <p style="color: #FFD700; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Rolling...</p></div></div> <<timed 3s>> <<run $(".roll-number").last().text(_roll)>> <<if _roll >= 80>> <<run $(".roll-result").last().html('<p style="color: #90EE90; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Perfect Execution!</p>')>> <<elseif _roll >= 40>> <<run $(".roll-result").last().html('<p style="color: #FFD700; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Standard Victory</p>')>> <<else>> <<run $(".roll-result").last().html('<p style="color: #FF6347; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Difficult Fight</p>')>> <</if>> <</timed>> <</nobr>><</widget>> <<widget "applyBattleDamage">><<nobr>> <<set _damageMultiplier = $args[0]>> <<set _baseDamage = 48>> <<set _actualDamage = Math.round(_baseDamage * _damageMultiplier)>> <<set $partyCurrentHP = Math.max(0, $partyCurrentHP - _actualDamage)>> <div style="background: rgba(255,69,0,0.2); border: 1px solid rgba(255,69,0,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"> <p style="color: #FF6347; font-size: 0.9em; margin: 0;">⚔️ The party takes _actualDamage damage from the battle ⚔️</p></div> <</nobr>><</widget>> <<widget "autoHealCheck">><<nobr>> <<set _needsHealing = false>> <<if ($partyCurrentHP / $partyMaxHP) < 0.6>><<set _needsHealing = true>><</if>> <<if _needsHealing>> <<if ($liora_combatStats.currentStamina || 0) >= 30>> <<set _healAmount = 150>> <<set $partyCurrentHP = Math.min($partyCurrentHP + _healAmount, $partyMaxHP)>> <<if $liora_combatStats>><<set $liora_combatStats.currentStamina -= 30>><</if>> <div style="background: rgba(144,238,144,0.2); border: 1px solid rgba(144,238,144,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"> <p style="color: #90EE90; font-size: 0.9em; margin: 0;">💚 Liora heals everyone (+_healAmount HP, -30 MP) 💚</p></div> <<else>> <<set _healAmount = Math.round($partyMaxHP * 0.3)>> <<set $partyCurrentHP = Math.min($partyCurrentHP + _healAmount, $partyMaxHP)>> <div style="background: rgba(147,112,219,0.2); border: 1px solid rgba(147,112,219,0.5); border-radius: 8px; padding: 15px; margin: 15px 0; text-align: center;"> <p style="color: #9370DB; font-size: 0.9em; margin: 0;">💜 Nimeria uses healing potions on everyone (+_healAmount HP) 💜</p></div> <</if>> <</if>> <</nobr>><</widget>> <<widget "dungeonRewardChallenge">><<nobr>> <<set _rewardType = $args[0]>><<set _baseReward = $args[1]>> <<set _challengeRoll = random(1, 100)>> <<set _partyAvgStat = (($rylan_technique || 10) + ($serin_agility || 12) + ($seryk_physicalPower || 16) + ($liora_willpower || 8) + ($nimeria_perception || 14)) / 5>> <<set _challengeThreshold = 50>> <div class="reward-challenge-container" style="background: linear-gradient(to bottom, rgba(255, 215, 0, 0.85), rgba(255, 165, 0, 0.9)); min-height: 500px; padding: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3);"> <div class="scene-header" style="background: rgba(45,45,50,0.9); border: 1px solid rgba(100,100,100,0.4); border-radius: 8px; padding: 20px; margin-bottom: 25px; text-align: center;"> <<if _rewardType === "gold">><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💰 Golden Opportunity 💰</p> <<else>><p style="color: white; font-size: 1.4em; font-weight: bold; margin-bottom: 10px;">💎 Crystal Discovery 💎</p><</if>> <p style="color: white; font-size: 1.1em;">Team Challenge</p></div> <<battleRollDisplay _challengeRoll _challengeThreshold _partyAvgStat>> <div class="challenge-result" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 25px; margin-bottom: 25px;"> <<if _rewardType === "gold">> <center><img src="images/items/goldchest.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*You discover an ancient treasure chest, but it requires teamwork to unlock safely.*</p> <<else>> <center><img src="images/items/crystalnode.webp" style="max-width: 200px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3);"></center> <p style="color: white; line-height: 1.6; margin: 20px 0; text-align: center; font-style: italic;">*A cluster of magical crystals pulses with energy, but extracting them requires careful coordination.*</p> <</if>> <<if _challengeRoll >= 80>> <<set _finalReward = _baseReward * 2>> <<if _rewardType === "gold">><<set $gold += _finalReward>><<else>><<set $crystals += _finalReward>><</if>> <p style="color: #90EE90; text-align: center; font-size: 1.2em; margin-bottom: 15px;">🎯 Perfect Execution! 🎯</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center;">*Your teamwork is flawless! You obtain double the reward.*</p> <<if _rewardType === "gold">><p style="color: #FFD700; text-align: center; font-size: 1.1em;">Gained: _finalReward Gold</p> <<else>><p style="color: #87CEEB; text-align: center; font-size: 1.1em;">Gained: _finalReward Crystals</p><</if>> <<elseif _challengeRoll >= 40>> <<set _finalReward = _baseReward>> <<if _rewardType === "gold">><<set $gold += _finalReward>><<else>><<set $crystals += _finalReward>><</if>> <p style="color: #FFD700; text-align: center; font-size: 1.2em; margin-bottom: 15px;">✅ Success! ✅</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center;">*You successfully obtain the full reward through steady teamwork.*</p> <<if _rewardType === "gold">><p style="color: #FFD700; text-align: center; font-size: 1.1em;">Gained: _finalReward Gold</p> <<else>><p style="color: #87CEEB; text-align: center; font-size: 1.1em;">Gained: _finalReward Crystals</p><</if>> <<else>> <<set _finalReward = Math.round(_baseReward * 0.5)>> <<if _rewardType === "gold">><<set $gold += _finalReward>><<else>><<set $crystals += _finalReward>><</if>> <p style="color: #FF6347; text-align: center; font-size: 1.2em; margin-bottom: 15px;">⚠️ Partial Success ⚠️</p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center;">*Your coordination falters, but you still manage to salvage some reward.*</p> <<if _rewardType === "gold">><p style="color: #FFD700; text-align: center; font-size: 1.1em;">Gained: _finalReward Gold</p> <<else>><p style="color: #87CEEB; text-align: center; font-size: 1.1em;">Gained: _finalReward Crystals</p><</if>> <</if>></div></div> [[Continue exploring|BlightwoodContinue]] <</nobr>><</widget>> <<widget "restAreaEvents">><<nobr>> <<set _anyEventTriggered = false>> <<set _lioraMaxSP = $liora_combatStats.maxStamina || 80>> <<set _lioraCurrentSP = $liora_combatStats.currentStamina || 0>> <<set _lioraSPPercent = (_lioraCurrentSP / _lioraMaxSP) * 100>> <<set _serykEventChance = random(1, 100)>> <<if ($serykxliorantr === true || $serykxliorantr === "stage1") && _lioraSPPercent <= 60 && _serykEventChance <= 100>> <<goto "SerykLioraSecretTransition">> <</if>> <<if $rylanxserincontent && ($serin_Lust || 0) > 101>> <div class="rest-event" style="background: rgba(255,182,193,0.3); border: 1px solid rgba(255,20,147,0.5); border-radius: 8px; padding: 20px; margin: 15px 0;"> <img src="images/serin/facewet.webp" style="width: 110px; height: 110px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); float: left; margin: 0 20px 15px 0; clear: left;"> <p style="color: white; line-height: 1.6; margin-bottom: 15px;"><span class="dialog-serin">$humanName... I need your help with something. Now.</span></p> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Serin's breathing is heavy, her face flushed. The dungeon atmosphere seems to have affected her strongly...*</p> <div style="clear: left;"></div> <div style="text-align: center; margin-top: 15px;"> <<link "Help Serin relieve herself" "SerinRestAreaRelief">><</link>> | <<link "Try to ignore her needs" "RestAreaContinue">><</link>></div></div> <<set _anyEventTriggered = true>> <</if>> <<if ($rylan_Lust || 0) >= 50>> <div class="rest-event" style="background: rgba(255,182,193,0.3); border: 1px solid rgba(255,20,147,0.5); border-radius: 8px; padding: 20px; margin: 15px 0;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; text-align: center; font-style: italic;">*The dungeon atmosphere has been affecting you strongly. Your body feels tense with need, and the rest area offers some privacy...*</p> <div style="text-align: center; margin-top: 15px;"> <<link "Find privacy to relieve yourself" "RylanRestAreaMasturbation">><</link>> | <<link "Try to endure the discomfort" "RestAreaContinue">><</link>></div></div> <<set _anyEventTriggered = true>> <</if>> <<if not _anyEventTriggered>> <div class="rest-normal" style="background: rgba(45,45,50,0.8); border: 1px solid rgba(100,100,100,0.3); border-radius: 8px; padding: 20px; margin: 15px 0; text-align: center;"> <p style="color: white; line-height: 1.6; margin-bottom: 20px; font-style: italic;">*Everyone takes a moment to rest and recover their strength. The protective stones seem to cleanse the worst effects of the blight.*</p> <<if not $serykxliorantr && $liora_combatStats>><<set $liora_combatStats.currentStamina = Math.min($liora_combatStats.currentStamina + 20, $liora_combatStats.maxStamina || 80)>><</if>> <<if not $serykxliorantr>><p style="color: #87CEEB; font-size: 0.9em; margin: 0;">Everyone feels refreshed. Liora recovers 20 MP.</p><<else>><p style="color: #FFB6C1; font-size: 0.9em; margin: 0;">Everyone feels refreshed. Liora seems distracted.</p><</if>></div> <</if>> <</nobr>><</widget>> <<widget "treasureRollDisplay">><<nobr>> <<set _roll = $args[0]>><<set _threshold = $args[1]>><<set _partySkill = $args[2]>> <div class="treasure-roll-display" style="background: rgba(25,25,25,0.9); border: 2px solid rgba(255,215,0,0.6); border-radius: 12px; padding: 20px; margin: 20px 0; text-align: center;"> <h3 style="color: #FFD700; margin-bottom: 15px;">💰 Treasure Roll 💰</h3> <div style="display: flex; justify-content: space-around; align-items: center; margin: 15px 0;"> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Roll</p> <p class="roll-number" style="color: #FFD700; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;">Rolling...</p></div> <div style="color: white; font-size: 1.2em;">vs</div> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Skill</p> <p style="color: #87CEEB; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;"><<print Math.round(_partySkill)>></p></div></div> <div class="roll-result" style=""> <p style="color: #FFD700; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Rolling...</p></div></div> <<timed 3s>> <<run $(".roll-number").last().text(_roll)>> <<if _roll >= 80>> <<run $(".roll-result").last().html('<p style="color: #90EE90; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Perfect Discovery!</p>')>> <<elseif _roll >= 40>> <<run $(".roll-result").last().html('<p style="color: #FFD700; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Successful Find</p>')>> <<else>> <<run $(".roll-result").last().html('<p style="color: #FF6347; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Partial Success</p>')>> <</if>> <</timed>> <</nobr>><</widget>> <<widget "crystalRollDisplay">><<nobr>> <<set _roll = $args[0]>><<set _threshold = $args[1]>><<set _partyMagic = $args[2]>> <div class="crystal-roll-display" style="background: rgba(25,25,25,0.9); border: 2px solid rgba(135,206,235,0.6); border-radius: 12px; padding: 20px; margin: 20px 0; text-align: center;"> <h3 style="color: #87CEEB; margin-bottom: 15px;">💎 Crystal Roll 💎</h3> <div style="display: flex; justify-content: space-around; align-items: center; margin: 15px 0;"> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Roll</p> <p class="roll-number" style="color: #87CEEB; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;">Rolling...</p></div> <div style="color: white; font-size: 1.2em;">vs</div> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Magic</p> <p style="color: #DA70D6; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;"><<print Math.round(_partyMagic)>></p></div></div> <div class="roll-result" style=""> <p style="color: #87CEEB; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Rolling...</p></div></div> <<timed 3s>> <<run $(".roll-number").last().text(_roll)>> <<if _roll >= 80>> <<run $(".roll-result").last().html('<p style="color: #90EE90; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Perfect Extraction!</p>')>> <<elseif _roll >= 40>> <<run $(".roll-result").last().html('<p style="color: #87CEEB; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Successful Harvest</p>')>> <<else>> <<run $(".roll-result").last().html('<p style="color: #FF6347; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Partial Harvest</p>')>> <</if>> <</timed>> <</nobr>><</widget>> <<widget "mysteryRollDisplay">><<nobr>> <<set _roll = $args[0]>><<set _threshold = $args[1]>><<set _partyWisdom = $args[2]>> <div class="mystery-roll-display" style="background: rgba(25,25,25,0.9); border: 2px solid rgba(218,112,214,0.6); border-radius: 12px; padding: 20px; margin: 20px 0; text-align: center;"> <h3 style="color: #DA70D6; margin-bottom: 15px;">❓ Mystery Roll ❓</h3> <div style="display: flex; justify-content: space-around; align-items: center; margin: 15px 0;"> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Roll</p> <p class="roll-number" style="color: #DA70D6; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;">Rolling...</p></div> <div style="color: white; font-size: 1.2em;">vs</div> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Wisdom</p> <p style="color: #9370DB; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;"><<print Math.round(_partyWisdom)>></p></div></div> <div class="roll-result" style=""> <p style="color: #DA70D6; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Rolling...</p></div></div> <<timed 3s>> <<run $(".roll-number").last().text(_roll)>> <<if _roll >= 80>> <<run $(".roll-result").last().html('<p style="color: #90EE90; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Enlightening Discovery!</p>')>> <<elseif _roll >= 40>> <<run $(".roll-result").last().html('<p style="color: #DA70D6; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Interesting Find</p>')>> <<else>> <<run $(".roll-result").last().html('<p style="color: #FF6347; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Confusing Outcome</p>')>> <</if>> <</timed>> <</nobr>><</widget>> <<widget "trainingRollDisplay">><<nobr>> <<set _roll = $args[0]>><<set _threshold = $args[1]>><<set _partyFocus = $args[2]>> <div class="training-roll-display" style="background: rgba(25,25,25,0.9); border: 2px solid rgba(147,112,219,0.6); border-radius: 12px; padding: 20px; margin: 20px 0; text-align: center;"> <h3 style="color: #9370DB; margin-bottom: 15px;">✨ Training Roll ✨</h3> <div style="display: flex; justify-content: space-around; align-items: center; margin: 15px 0;"> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Roll</p> <p class="roll-number" style="color: #9370DB; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;">Rolling...</p></div> <div style="color: white; font-size: 1.2em;">vs</div> <div style="background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px; min-width: 110px;"> <p style="color: white; margin: 0; font-size: 0.9em;">Focus</p> <p style="color: #8A2BE2; margin: 5px 0 0 0; font-size: 1.4em; font-weight: bold;"><<print Math.round(_partyFocus)>></p></div></div> <div class="roll-result" style=""> <p style="color: #9370DB; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Rolling...</p></div></div> <<timed 3s>> <<run $(".roll-number").last().text(_roll)>> <<if _roll >= 80>> <<run $(".roll-result").last().html('<p style="color: #90EE90; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Perfect Learning!</p>')>> <<elseif _roll >= 40>> <<run $(".roll-result").last().html('<p style="color: #9370DB; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Good Progress</p>')>> <<else>> <<run $(".roll-result").last().html('<p style="color: #FF6347; font-size: 1.1em; margin: 10px 0 0 0; font-weight: bold;">Slow Learning</p>')>> <</if>> <</timed>> <</nobr>><</widget>>

<<nobr>> <div class="sidebar-portraits"><div class="sidebar-title">Inactive<button class="toggle-portraits" type="button" onclick="this.textContent=this.textContent.includes('👁️')?'🙈':'👁️';document.getElementById('portraitGrid').style.display=document.getElementById('portraitGrid').style.display==='none'?'grid':'none';">👁️</button></div><div class="portrait-grid" id="portraitGrid"><<set _activeCharacter = $currentFace ? $currentFace.split('/')[0] : "">><<set _activeCharacterLower = _activeCharacter.toLowerCase()>><<if $metRylan && _activeCharacterLower != "rylan">><div class="portrait-item" data-character="Rylan"><<if $rylan_Lust >= 50>><<if $characterStages && $characterStages.rylan >= 2>><img src="images/rylan/stage2/facewet.webp" alt="<<print $humanName>>"><<else>><img src="images/rylan/facewet.webp" alt="<<print $humanName>>"><</if>><<else>><<if $characterStages && $characterStages.rylan >= 2>><img src="images/rylan/stage2/face.webp" alt="<<print $humanName>>"><<else>><img src="images/rylan/face.webp" alt="<<print $humanName>>"><</if>><</if>> <div class="character-name"><<print $humanName>></div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "mariel">>❤️ Affection: <<print ($rylan_MarielAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_MarielAttraction || 0).toFixed(1)>><br><<case "thalor">>❤️ Affection: <<print ($rylan_ThalorAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_ThalorAttraction || 0).toFixed(1)>><br><<case "liora">>❤️ Affection: <<print ($rylan_LioraAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_LioraAttraction || 0).toFixed(1)>><br><<case "serin">>❤️ Affection: <<print ($rylan_SerinAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_SerinAttraction || 0).toFixed(1)>><br><<case "seryk">>❤️ Affection: <<print ($rylan_SerykAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_SerykAttraction || 0).toFixed(1)>><br><<case "nimeria">>❤️ Affection: <<print ($rylan_NimeriaAffection || 0).toFixed(1)>><br>💕 Attraction: <<print ($rylan_NimeriaAttraction || 0).toFixed(1)>><br><</switch>>💀 Corruption: <<print ($rylan_corruption || 0).toFixed(1)>><br>🔥 Lust: <<print ($rylan_Lust || 0).toFixed(1)>><br>💦 Cum Need: <<print ($rylan_CumNeed || 0).toFixed(1)>></div> </div> <</if>> <<if $metMariel && _activeCharacterLower != "mariel">> <div class="portrait-item" data-character="Mariel"> <<if $mariel_Lust >= 50>> <<if $characterStages && $characterStages.mariel >= 2>> <img src="images/mariel/stage2/facewet.webp" alt="Mariel"> <<else>> <img src="images/mariel/facewet.webp" alt="Mariel"> <</if>> <<else>> <<if $characterStages && $characterStages.mariel >= 2>> <img src="images/mariel/stage2/face.webp" alt="Mariel"> <<else>> <img src="images/mariel/face.webp" alt="Mariel"> <</if>> <</if>> <div class="character-name">Mariel</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($mariel_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_RylanAttraction || 0).toFixed(1)>><br> <<case "thalor">> ❤️ Affection: <<print ($mariel_ThalorAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_ThalorAttraction || 0).toFixed(1)>><br> <<case "liora">> ❤️ Affection: <<print ($mariel_LioraAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_LioraAttraction || 0).toFixed(1)>><br> <<case "serin">> ❤️ Affection: <<print ($mariel_SerinAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_SerinAttraction || 0).toFixed(1)>><br> <<case "seryk">> ❤️ Affection: <<print ($mariel_SerykAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_SerykAttraction || 0).toFixed(1)>><br> <<case "nimeria">> ❤️ Affection: <<print ($mariel_NimeriaAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($mariel_NimeriaAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($mariel_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($mariel_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($mariel_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> <<if $metThalor && _activeCharacterLower != "thalor">> <div class="portrait-item" data-character="Thalor"> <<if $thalor_Lust >= 50>> <<if $characterStages && $characterStages.thalor >= 2>> <img src="images/thalor/stage2/facewet.webp" alt="Thalor"> <<else>> <img src="images/thalor/facewet.webp" alt="Thalor"> <</if>> <<else>> <<if $characterStages && $characterStages.thalor >= 2>> <img src="images/thalor/stage2/face.webp" alt="Thalor"> <<else>> <img src="images/thalor/face.webp" alt="Thalor"> <</if>> <</if>> <div class="character-name">Thalor</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($thalor_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_RylanAttraction || 0).toFixed(1)>><br> <<case "mariel">> ❤️ Affection: <<print ($thalor_MarielAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_MarielAttraction || 0).toFixed(1)>><br> <<case "liora">> ❤️ Affection: <<print ($thalor_LioraAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_LioraAttraction || 0).toFixed(1)>><br> <<case "serin">> ❤️ Affection: <<print ($thalor_SerinAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_SerinAttraction || 0).toFixed(1)>><br> <<case "seryk">> ❤️ Affection: <<print ($thalor_SerykAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_SerykAttraction || 0).toFixed(1)>><br> <<case "nimeria">> ❤️ Affection: <<print ($thalor_NimeriaAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($thalor_NimeriaAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($thalor_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($thalor_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($thalor_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> <<if $metLiora && _activeCharacterLower != "liora">> <div class="portrait-item" data-character="Liora"> <<if $liora_Lust >= 50>> <<if $characterStages && $characterStages.liora >= 2>> <img src="images/liora/stage2/facewet.webp" alt="Liora"> <<else>> <img src="images/liora/facewet.webp" alt="Liora"> <</if>> <<else>> <<if $characterStages && $characterStages.liora >= 2>> <img src="images/liora/stage2/face.webp" alt="Liora"> <<else>> <img src="images/liora/face.webp" alt="Liora"> <</if>> <</if>> <div class="character-name">Liora</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($liora_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_RylanAttraction || 0).toFixed(1)>><br> <<case "mariel">> ❤️ Affection: <<print ($liora_MarielAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_MarielAttraction || 0).toFixed(1)>><br> <<case "thalor">> ❤️ Affection: <<print ($liora_ThalorAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_ThalorAttraction || 0).toFixed(1)>><br> <<case "serin">> ❤️ Affection: <<print ($liora_SerinAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_SerinAttraction || 0).toFixed(1)>><br> <<case "seryk">> ❤️ Affection: <<print ($liora_SerykAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_SerykAttraction || 0).toFixed(1)>><br> <<case "nimeria">> ❤️ Affection: <<print ($liora_NimeriaAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($liora_NimeriaAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($liora_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($liora_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($liora_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> <<if $metSerin && _activeCharacterLower != "serin">> <div class="portrait-item" data-character="Serin"> <<if $serin_Lust >= 50>> <<if $characterStages && $characterStages.serin >= 2>> <img src="images/serin/stage2/facewet.webp" alt="Serin"> <<else>> <img src="images/serin/facewet.webp" alt="Serin"> <</if>> <<else>> <<if $characterStages && $characterStages.serin >= 2>> <img src="images/serin/stage2/face.webp" alt="Serin"> <<else>> <img src="images/serin/face.webp" alt="Serin"> <</if>> <</if>> <div class="character-name">Serin</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($serin_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_RylanAttraction || 0).toFixed(1)>><br> <<case "mariel">> ❤️ Affection: <<print ($serin_MarielAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_MarielAttraction || 0).toFixed(1)>><br> <<case "thalor">> ❤️ Affection: <<print ($serin_ThalorAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_ThalorAttraction || 0).toFixed(1)>><br> <<case "liora">> ❤️ Affection: <<print ($serin_LioraAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_LioraAttraction || 0).toFixed(1)>><br> <<case "seryk">> ❤️ Affection: <<print ($serin_SerykAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_SerykAttraction || 0).toFixed(1)>><br> <<case "nimeria">> ❤️ Affection: <<print ($serin_NimeriaAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($serin_NimeriaAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($serin_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($serin_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($serin_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> <<if $metSeryk && _activeCharacterLower != "seryk">> <div class="portrait-item" data-character="Seryk"> <<if $seryk_Lust >= 50>> <<if $characterStages && $characterStages.seryk >= 2>> <img src="images/seryk/stage2/facewet.webp" alt="Seryk"> <<else>> <img src="images/seryk/facewet.webp" alt="Seryk"> <</if>> <<else>> <<if $characterStages && $characterStages.seryk >= 2>> <img src="images/seryk/stage2/face.webp" alt="Seryk"> <<else>> <img src="images/seryk/face.webp" alt="Seryk"> <</if>> <</if>> <div class="character-name">Seryk</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($seryk_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_RylanAttraction || 0).toFixed(1)>><br> <<case "mariel">> ❤️ Affection: <<print ($seryk_MarielAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_MarielAttraction || 0).toFixed(1)>><br> <<case "thalor">> ❤️ Affection: <<print ($seryk_ThalorAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_ThalorAttraction || 0).toFixed(1)>><br> <<case "liora">> ❤️ Affection: <<print ($seryk_LioraAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_LioraAttraction || 0).toFixed(1)>><br> <<case "serin">> ❤️ Affection: <<print ($seryk_SerinAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_SerinAttraction || 0).toFixed(1)>><br> <<case "nimeria">> ❤️ Affection: <<print ($seryk_NimeriaAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($seryk_NimeriaAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($seryk_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($seryk_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($seryk_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> <<if $metNimeria && _activeCharacterLower != "nimeria">> <div class="portrait-item" data-character="Nimeria"> <<if $nimeria_Lust >= 50>> <<if $characterStages && $characterStages.nimeria >= 2>> <img src="images/nimeria/stage2/facewet.webp" alt="Nimeria"> <<else>> <img src="images/nimeria/facewet.webp" alt="Nimeria"> <</if>> <<else>> <<if $characterStages && $characterStages.nimeria >= 2>> <img src="images/nimeria/stage2/face.webp" alt="Nimeria"> <<else>> <img src="images/nimeria/face.webp" alt="Nimeria"> <</if>> <</if>> <div class="character-name">Nimeria</div> <div class="tooltip-content"> <<switch _activeCharacterLower>> <<case "rylan">> ❤️ Affection: <<print ($nimeria_RylanAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_RylanAttraction || 0).toFixed(1)>><br> <<case "mariel">> ❤️ Affection: <<print ($nimeria_MarielAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_MarielAttraction || 0).toFixed(1)>><br> <<case "thalor">> ❤️ Affection: <<print ($nimeria_ThalorAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_ThalorAttraction || 0).toFixed(1)>><br> <<case "liora">> ❤️ Affection: <<print ($nimeria_LioraAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_LioraAttraction || 0).toFixed(1)>><br> <<case "serin">> ❤️ Affection: <<print ($nimeria_SerinAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_SerinAttraction || 0).toFixed(1)>><br> <<case "seryk">> ❤️ Affection: <<print ($nimeria_SerykAffection || 0).toFixed(1)>><br> 💕 Attraction: <<print ($nimeria_SerykAttraction || 0).toFixed(1)>><br> <</switch>> 💀 Corruption: <<print ($nimeria_corruption || 0).toFixed(1)>><br> 🔥 Lust: <<print ($nimeria_Lust || 0).toFixed(1)>><br> 💦 Cum Need: <<print ($nimeria_CumNeed || 0).toFixed(1)>> </div> </div> <</if>> </div> </div> <</nobr>> <style> /* Sidebar layout */ .sidebar-portraits { padding: 0.5em; max-width: 300px; margin: 0 auto; } /* Title styles */ .sidebar-title { text-align: center; color: white; font-size: 1.2em; margin-bottom: 0.8em; padding: 0.3em 0.3em 0.3em 110px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; position: relative; } .toggle-portraits { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 0.8em; padding: 3px 6px; border-radius: 4px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); color: white; transition: all 0.3s ease; user-select: none; z-index: 999; white-space: nowrap; } .toggle-portraits:hover { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.5); transform: translateY(-50%) scale(1.05); } .toggle-portraits:active { background: rgba(255, 255, 255, 0.4); transform: translateY(-50%) scale(0.95); } .toggle-portraits.hidden { opacity: 0.5; } .portrait-grid.hidden { display: none; } /* Portrait grid styles */ .portrait-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; } .portrait-item { position: relative; cursor: pointer; width: 105px; height: 105px; } /* Aura system */ .portrait-item.aura-healing { box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4); animation: healingPulse 2s infinite ease-in-out; } .portrait-item.aura-danger { box-shadow: 0 0 15px rgba(255, 0, 0, 0.8), 0 0 30px rgba(255, 0, 0, 0.4); animation: dangerPulse 1.5s infinite ease-in-out; } .portrait-item.aura-magic { box-shadow: 0 0 15px rgba(138, 43, 226, 0.8), 0 0 30px rgba(138, 43, 226, 0.4); animation: magicPulse 2.5s infinite ease-in-out; } .portrait-item.aura-corruption { box-shadow: 0 0 15px rgba(139, 0, 139, 0.8), 0 0 30px rgba(139, 0, 139, 0.4); animation: corruptionPulse 3s infinite ease-in-out; } .portrait-item.aura-blue { box-shadow: 0 0 15px rgba(0, 123, 255, 0.8), 0 0 30px rgba(0, 123, 255, 0.4); animation: bluePulse 2s infinite ease-in-out; } /* Chibi overlay */ .chibi-overlay { position: absolute; top: -5px; right: -5px; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; border: 2px solid rgba(255, 255, 255, 0.7); overflow: hidden; } .chibi-overlay img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } /* Aura animations */ @keyframes healingPulse { 0%, 100% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4); } 50% { box-shadow: 0 0 25px rgba(255, 215, 0, 1), 0 0 40px rgba(255, 215, 0, 0.6); } } @keyframes dangerPulse { 0%, 100% { box-shadow: 0 0 15px rgba(255, 0, 0, 0.8), 0 0 30px rgba(255, 0, 0, 0.4); } 50% { box-shadow: 0 0 25px rgba(255, 0, 0, 1), 0 0 40px rgba(255, 0, 0, 0.6); } } @keyframes magicPulse { 0%, 100% { box-shadow: 0 0 15px rgba(138, 43, 226, 0.8), 0 0 30px rgba(138, 43, 226, 0.4); } 50% { box-shadow: 0 0 25px rgba(138, 43, 226, 1), 0 0 40px rgba(138, 43, 226, 0.6); } } @keyframes corruptionPulse { 0%, 100% { box-shadow: 0 0 15px rgba(139, 0, 139, 0.8), 0 0 30px rgba(139, 0, 139, 0.4); } 50% { box-shadow: 0 0 25px rgba(139, 0, 139, 1), 0 0 40px rgba(139, 0, 139, 0.6); } } @keyframes bluePulse { 0%, 100% { box-shadow: 0 0 15px rgba(0, 123, 255, 0.8), 0 0 30px rgba(0, 123, 255, 0.4); } 50% { box-shadow: 0 0 25px rgba(0, 123, 255, 1), 0 0 40px rgba(0, 123, 255, 0.6); } } .portrait-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } .character-name { text-align: center; margin-top: 0.2em; font-size: 0.8em; color: white; } .tooltip-content { display: none; position: fixed; background: rgba(0, 0, 0, 0.95); color: white; padding: 8px; border-radius: 4px; font-size: 1.2em; white-space: nowrap; z-index: 1000; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 1.3; } .tooltip-content br { line-height: 1.2; content: ""; margin: 1px 0; display: block; } .portrait-item:hover .tooltip-content { display: block; } </style> <<script>> console.log('StoryLeftSidebar script starting...'); // Portrait toggle functionality window.togglePortraits = function() { console.log('togglePortraits function called!'); try { const grid = document.getElementById('portraitGrid'); const toggle = document.querySelector('.toggle-portraits'); console.log('Grid element:', grid); console.log('Toggle element:', toggle); if (!grid || !toggle) { console.log('Portrait elements not found - grid:', !!grid, 'toggle:', !!toggle); return; } if (typeof State === 'undefined' || !State.variables) { console.log('State not available'); return; } if (typeof State.variables.portraitsVisible === 'undefined') { State.variables.portraitsVisible = true; } const isHidden = grid.classList.contains('hidden'); console.log('Current state - isHidden:', isHidden, 'portraitsVisible:', State.variables.portraitsVisible); if (isHidden) { // Show portraits console.log('Showing portraits'); grid.classList.remove('hidden'); toggle.textContent = '👁️'; toggle.classList.remove('hidden'); State.variables.portraitsVisible = true; } else { // Hide portraits console.log('Hiding portraits'); grid.classList.add('hidden'); toggle.textContent = '🙈'; toggle.classList.add('hidden'); State.variables.portraitsVisible = false; } console.log('New state - hidden class:', grid.classList.contains('hidden'), 'portraitsVisible:', State.variables.portraitsVisible); // Save preference to session storage sessionStorage.setItem('portraitsVisible', State.variables.portraitsVisible); } catch (error) { console.error('Error in togglePortraits:', error); } }; // Initialize portrait visibility on page load window.initPortraitVisibility = function() { try { // Check saved preference const saved = sessionStorage.getItem('portraitsVisible'); const shouldShow = saved !== null ? (saved === 'true') : true; // Default to visible const grid = document.getElementById('portraitGrid'); const toggle = document.querySelector('.toggle-portraits'); if (grid && toggle && typeof State !== 'undefined' && State.variables) { State.variables.portraitsVisible = shouldShow; if (shouldShow) { grid.classList.remove('hidden'); toggle.textContent = '👁️'; toggle.classList.remove('hidden'); } else { grid.classList.add('hidden'); toggle.textContent = '🙈'; toggle.classList.add('hidden'); } } } catch (error) { console.error('Error in initPortraitVisibility:', error); } }; // Aura and Chibi management functions window.SidebarEffects = { // Add aura to character addAura: function(characterName, auraType) { const character = characterName.toLowerCase(); if (!State.variables.characterAuras) { State.variables.characterAuras = {}; } State.variables.characterAuras[character] = auraType; this.refreshPortraits(); }, // Remove aura from character removeAura: function(characterName) { const character = characterName.toLowerCase(); if (State.variables.characterAuras) { delete State.variables.characterAuras[character]; } this.refreshPortraits(); }, // Add chibi to character addChibi: function(characterName, chibiEmoji) { const character = characterName.toLowerCase(); if (!State.variables.characterChibis) { State.variables.characterChibis = {}; } State.variables.characterChibis[character] = chibiEmoji; this.refreshPortraits(); }, // Remove chibi from character removeChibi: function(characterName) { const character = characterName.toLowerCase(); if (State.variables.characterChibis) { delete State.variables.characterChibis[character]; } this.refreshPortraits(); }, // Clear all effects clearAll: function() { State.variables.characterAuras = {}; State.variables.characterChibis = {}; this.refreshPortraits(); }, // Refresh all portraits with current effects refreshPortraits: function() { $('.portrait-item').each(function() { const character = $(this).data('character').toLowerCase(); const $this = $(this); // Remove all aura classes $this.removeClass('aura-healing aura-danger aura-magic aura-corruption aura-blue'); // Add current aura if exists if (State.variables.characterAuras && State.variables.characterAuras[character]) { $this.addClass('aura-' + State.variables.characterAuras[character]); } // Remove existing chibi $this.find('.chibi-overlay').remove(); // Add current chibi if exists if (State.variables.characterChibis && State.variables.characterChibis[character]) { const chibiValue = State.variables.characterChibis[character]; let chibiHtml; // Check if it's an image path or emoji/text if (chibiValue.includes('.webp') || chibiValue.includes('.png') || chibiValue.includes('.jpg')) { chibiHtml = '<div class="chibi-overlay"><img src="' + chibiValue + '" alt="chibi"></div>'; } else { chibiHtml = '<div class="chibi-overlay">' + chibiValue + '</div>'; } $this.append(chibiHtml); } }); } }; // Function to refresh sidebar stats function refreshSidebarStats() { // Cap all lust values at 100 and floor at 0 const characters = ['rylan', 'mariel', 'thalor', 'liora', 'serin', 'seryk', 'nimeria']; characters.forEach(char => { const lustVar = `${char}_Lust`; if (State.variables[lustVar] !== undefined) { const currentValue = State.variables[lustVar]; const cappedValue = Math.min(100, Math.max(0, currentValue)); if (currentValue !== cappedValue) { console.log(`Capping ${lustVar} from ${currentValue} to ${cappedValue}`); State.variables[lustVar] = cappedValue; } } }); $('.portrait-item').each(function() { const character = $(this).data('character'); const tooltip = $(this).find('.tooltip-content'); const activeCharacter = State.variables.currentFace ? State.variables.currentFace.split('/')[0] : ""; // Get fresh stats from State.variables let affection = 0; let attraction = 0; let corruption = 0; let lust = 0; let cumNeed = 0; // Get character-specific stats const charLower = character.toLowerCase(); const activeLower = activeCharacter.toLowerCase(); affection = State.variables[`${activeLower}_${character}Affection`] || 0; attraction = State.variables[`${activeLower}_${character}Attraction`] || 0; corruption = State.variables[`${charLower}_corruption`] || 0; lust = State.variables[`${charLower}_Lust`] || 0; cumNeed = State.variables[`${charLower}_CumNeed`] || 0; // Update tooltip content with rounded values tooltip.html(`❤️ Affection: ${affection.toFixed(1)}<br>💕 Attraction: ${attraction.toFixed(1)}<br>💀 Corruption: ${corruption.toFixed(1)}<br>🔥 Lust: ${lust.toFixed(1)}<br>💦 Cum Need: ${cumNeed.toFixed(1)}`); // Update portrait based on lust const img = $(this).find('img'); if (lust >= 50) { img.attr('src', `images/${character}/facewet.webp`); } else { img.attr('src', `images/${character}/face.webp`); } }); // Also refresh aura and chibi effects window.SidebarEffects.refreshPortraits(); } // Refresh stats when showing tooltip $(document).on('mouseenter', '.portrait-item', function(e) { refreshSidebarStats(); const tooltip = $(this).find('.tooltip-content'); tooltip.css({ display: 'block', left: e.pageX + 10, top: e.pageY + 10 }); }).on('mouseleave', '.portrait-item', function() { $(this).find('.tooltip-content').css('display', 'none'); }).on('mousemove', '.portrait-item', function(e) { const tooltip = $(this).find('.tooltip-content'); tooltip.css({ left: e.pageX + 10, top: e.pageY + 10 }); }); // Immediate fix for existing high lust values console.log("Running immediate lust value fix..."); const characters = ['rylan', 'mariel', 'thalor', 'liora', 'serin', 'seryk', 'nimeria']; characters.forEach(char => { const lustVar = `${char}_Lust`; if (State.variables[lustVar] !== undefined && State.variables[lustVar] > 100) { console.log(`Fixing ${lustVar} from ${State.variables[lustVar]} to 100`); State.variables[lustVar] = 100; } }); // One-time fix for existing high lust values $(document).ready(function() { console.log("Running document ready lust value fix..."); characters.forEach(char => { const lustVar = `${char}_Lust`; if (State.variables[lustVar] !== undefined && State.variables[lustVar] > 100) { console.log(`Document ready fixing ${lustVar} from ${State.variables[lustVar]} to 100`); State.variables[lustVar] = 100; } }); refreshSidebarStats(); // Initialize portrait visibility window.initPortraitVisibility(); }); // Refresh stats when passage is shown $(document).on(':passagerender', function() { refreshSidebarStats(); // Reinitialize portrait visibility after passage render setTimeout(function() { window.initPortraitVisibility(); }, 100); }); // Refresh stats when variables change $(document).on(':variableupdate', refreshSidebarStats); // Refresh stats periodically to catch any missed updates setInterval(refreshSidebarStats, 1000); // Portrait click handler $(document).on('click', '.portrait-item', function() { const character = $(this).data('character'); State.variables.currentFace = State.variables[`current${character}Face`]; Engine.show(); }); // Simple toggle function for manual use window.simpleTogglePortraits = function() { const grid = document.getElementById('portraitGrid'); const toggle = document.querySelector('.toggle-portraits'); if (grid) { const isHidden = grid.style.display === 'none'; grid.style.display = isHidden ? 'grid' : 'none'; if (toggle) { toggle.textContent = isHidden ? '👁️' : '🙈'; } console.log('Portraits', isHidden ? 'shown' : 'hidden'); } }; // Test function for manual calling window.testToggle = function() { console.log('Manual test called'); const grid = $('#portraitGrid'); if (grid.length) { grid.toggleClass('hidden'); console.log('Grid toggled, now hidden:', grid.hasClass('hidden')); } else { console.log('Grid not found'); } }; <</script>> <<widget "addAura">> <<run if (window.SidebarEffects) { window.SidebarEffects.addAura($args[0], $args[1]); } else { $(document).ready(function() { if (window.SidebarEffects) { window.SidebarEffects.addAura($args[0], $args[1]); } }); } >> <</widget>> <<widget "removeAura">> <<run if (window.SidebarEffects) { window.SidebarEffects.removeAura($args[0]); } else { $(document).ready(function() { if (window.SidebarEffects) { window.SidebarEffects.removeAura($args[0]); } }); } >> <</widget>> <<widget "addChibi">> <<run if (window.SidebarEffects) { window.SidebarEffects.addChibi($args[0], $args[1]); } else { $(document).ready(function() { if (window.SidebarEffects) { window.SidebarEffects.addChibi($args[0], $args[1]); } }); } >> <</widget>> <<widget "removeChibi">> <<run if (window.SidebarEffects) { window.SidebarEffects.removeChibi($args[0]); } else { $(document).ready(function() { if (window.SidebarEffects) { window.SidebarEffects.removeChibi($args[0]); } }); } >> <</widget>> <<widget "clearSidebarEffects">> <<run if (window.SidebarEffects) { window.SidebarEffects.clearAll(); } else { $(document).ready(function() { if (window.SidebarEffects) { window.SidebarEffects.clearAll(); } }); } >> <</widget>>

<<link "📖 Diary + Config ⚙️">> <<set $storyPassage = passage()>> <<goto "DiaryMenu">> <</link>>  <a href="https://patreon.com/BondsDefiled" target="_blank">💖 Support on Patreon</a>

<<script>>window.AudioSystem.playBGM('mystical.mp3');<</script>><<set $currentFace = $currentRylanFace>> <script> function purchaseBook(bookType, cost, fetishType, amount, bookTitle, bookDescription) { if (SugarCube.State.variables.gold < cost) { alert("You don't have enough gold!"); return; } SugarCube.State.variables.gold -= cost; const character = "Rylan"; try { const macroContext = new SugarCube.Macro.Context('changeFetish'); SugarCube.Macro.get('changeFetish').handler.call(macroContext, character, fetishType, amount); } catch (error) { console.log("changeFetish macro error:", error); const varName = character.toLowerCase() + '_' + fetishType; if (!SugarCube.State.variables[varName]) { SugarCube.State.variables[varName] = 0; } SugarCube.State.variables[varName] += amount; } let resultMessage = `<div style="background: linear-gradient(135deg, rgba(255,182,193,0.3), rgba(255,105,180,0.3)); border: 2px solid rgba(255,182,193,0.8); border-radius: 15px; padding: 25px; margin: 20px 0; text-align: center;"> <h3 style="color: #FFB6C1; font-size: 1.4em; margin: 0 0 10px 0;">${bookTitle} Purchased!</h3> <p style="color: white; margin: 10px 0;">${bookDescription}</p> <p style="color: #FFB6C1; font-size: 1.2em; font-weight: bold;">${amount > 0 ? '+' : ''}${amount} ${fetishType}!</p> <p style="color: #FFD700;">Gold: ${SugarCube.State.variables.gold}</p> </div>`; let resultDiv = document.getElementById('purchase-result'); if (!resultDiv) { resultDiv = document.createElement('div'); resultDiv.id = 'purchase-result'; const shopContent = document.querySelector('.shop-content'); shopContent.insertBefore(resultDiv, shopContent.firstChild); } resultDiv.innerHTML = resultMessage; const goldDisplay = document.querySelector('.shop-header p[style*="color: #FFD700"]'); if (goldDisplay) { goldDisplay.innerHTML = `💰 Current Gold: ${SugarCube.State.variables.gold}`; } resultDiv.scrollIntoView({ behavior: 'smooth', block: 'center' }); } </script> <<nobr>> <div class="modern-bookshop-container" style="background: linear-gradient(135deg, rgba(72, 61, 139, 0.95), rgba(106, 90, 205, 0.95), rgba(139, 69, 19, 0.95)); min-height: 100vh; padding: 0; margin: 0; position: relative; overflow: hidden;"> <div class="floating-particles" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1;"> <div style="position: absolute; width: 6px; height: 6px; background: radial-gradient(circle, rgba(255,255,255,0.8), rgba(255,255,255,0.2)); border-radius: 50%; animation: float 12s infinite ease-in-out; top: 10%; left: 15%;"></div> <div style="position: absolute; width: 4px; height: 4px; background: radial-gradient(circle, rgba(221,160,221,0.8), rgba(221,160,221,0.2)); border-radius: 50%; animation: float 8s infinite ease-in-out 2s; top: 30%; left: 80%;"></div> <div style="position: absolute; width: 8px; height: 8px; background: radial-gradient(circle, rgba(135,206,235,0.8), rgba(135,206,235,0.2)); border-radius: 50%; animation: float 15s infinite ease-in-out 4s; top: 70%; left: 20%;"></div> <div style="position: absolute; width: 5px; height: 5px; background: radial-gradient(circle, rgba(255,182,193,0.8), rgba(255,182,193,0.2)); border-radius: 50%; animation: float 10s infinite ease-in-out 6s; top: 50%; left: 70%;"></div> <div style="position: absolute; width: 7px; height: 7px; background: radial-gradient(circle, rgba(255,255,255,0.6), rgba(255,255,255,0.1)); border-radius: 50%; animation: float 18s infinite ease-in-out 8s; top: 80%; left: 50%;"></div> </div> <div class="shop-header" style="position: relative; z-index: 2; background: linear-gradient(90deg, rgba(45,45,50,0.95), rgba(75,75,85,0.95), rgba(45,45,50,0.95)); border-bottom: 3px solid rgba(221,160,221,0.8); padding: 30px; text-align: center; box-shadow: 0 8px 32px rgba(0,0,0,0.3);"> <h1 style="color: #DDA0DD; font-size: 2.8em; font-weight: bold; margin: 0; text-shadow: 3px 3px 8px rgba(0,0,0,0.8); font-family: 'Cinzel', serif; letter-spacing: 3px;">📚 WHISPERS & WISDOM 📚</h1> <p style="color: rgba(255,255,255,0.9); font-size: 1.4em; margin: 15px 0 0 0; font-style: italic; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);">Madame Veloria's Mystical Emporium</p> <div style="background: rgba(221,160,221,0.2); border: 1px solid rgba(221,160,221,0.5); border-radius: 25px; padding: 15px; margin: 25px auto 0 auto; max-width: 600px;"> <p style="color: #FFD700; font-size: 1.3em; font-weight: bold; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">💰 Current Gold: $gold</p> </div> </div> <div class="shop-content" style="position: relative; z-index: 2; padding: 40px; max-width: 1400px; margin: 0 auto;"> <div class="book-categories" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr)); gap: 40px; margin: 40px 0;"> <div class="awakening-section" style="background: linear-gradient(135deg, rgba(255,182,193,0.15), rgba(255,105,180,0.15)); border: 2px solid rgba(255,182,193,0.6); border-radius: 20px; padding: 30px; box-shadow: 0 15px 35px rgba(255,182,193,0.2); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 20%, rgba(255,182,193,0.1), transparent 50%), radial-gradient(circle at 70% 80%, rgba(255,105,180,0.1), transparent 50%); pointer-events: none;"></div> <div style="position: relative; z-index: 3;"> <h2 style="color: #FFB6C1; font-size: 2.2em; font-weight: bold; margin: 0 0 20px 0; text-align: center; text-shadow: 3px 3px 6px rgba(0,0,0,0.7); font-family: 'Cinzel', serif;">📖 Awakening Desires</h2> <p style="color: rgba(255,255,255,0.9); font-size: 1.1em; text-align: center; margin-bottom: 30px; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">Books to enhance and develop new interests</p> <div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;"> <<if $gold >= 50>> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('feetIncrease', 50, 'FeetFetish', 1.0, '🦶 Feet Focus', 'The Art of Appreciation: A Study in Lower Extremities')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🦶 Feet Focus</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Feet Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('smellIncrease', 50, 'SmellFetish', 1.0, '👃 Scent Sensitivity', 'The Language of Scent: Understanding Pheromones')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">👃 Scent Sensitivity</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Smell Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('armpitIncrease', 50, 'ArmpitFetish', 1.0, '💪 Armpit Allure', 'Hidden Valleys: An Intimate Study')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">💪 Armpit Allure</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Armpit Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('salivaIncrease', 50, 'SalivaFetish', 1.0, '💧 Saliva Fascination', 'Liquid Connections: The Intimacy of Exchange')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">💧 Saliva Fascination</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Saliva Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('breastIncrease', 50, 'BreastFetish', 1.0, '🍒 Breast Appreciation', 'Curves of Beauty: An Aesthetic Appreciation')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🍒 Breast Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Breast Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('submissionIncrease', 50, 'SubmissionFetish', 1.0, '🙇 Submission Studies', 'The Art of Yielding: Finding Peace in Surrender')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🙇 Submission Studies</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Submission Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,182,193,0.1)); border: 1px solid rgba(255,182,193,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(255,182,193,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('gayIncrease', 50, 'GayValue', 1.0, '💪 Masculine Appeal', 'Masculine Appreciation: Understanding Male Beauty')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">💪 Masculine Appeal</span><br> <span style="color: #FFB6C1; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">+1.0 Gay Value</span> </div> <<else>> <div style="grid-column: 1 / -1; text-align: center; padding: 40px;"> <p style="color: rgba(255,255,255,0.6); font-size: 1.3em; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">💰 Insufficient Gold for Awakening Books</p> <p style="color: rgba(255,255,255,0.4); font-size: 1.1em;">You need 50 gold per book</p> </div> <</if>> </div> </div> </div> <div class="overcoming-section" style="background: linear-gradient(135deg, rgba(135,206,235,0.15), rgba(70,130,180,0.15)); border: 2px solid rgba(135,206,235,0.6); border-radius: 20px; padding: 30px; box-shadow: 0 15px 35px rgba(135,206,235,0.2); position: relative; overflow: hidden;"> <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 20%, rgba(135,206,235,0.1), transparent 50%), radial-gradient(circle at 70% 80%, rgba(70,130,180,0.1), transparent 50%); pointer-events: none;"></div> <div style="position: relative; z-index: 3;"> <h2 style="color: #87CEEB; font-size: 2.2em; font-weight: bold; margin: 0 0 20px 0; text-align: center; text-shadow: 3px 3px 6px rgba(0,0,0,0.7); font-family: 'Cinzel', serif;">📘 Overcoming Compulsions</h2> <p style="color: rgba(255,255,255,0.9); font-size: 1.1em; text-align: center; margin-bottom: 30px; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">Books to reduce and control unwanted urges</p> <div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;"> <<if $gold >= 50>> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('feetDecrease', 50, 'FeetFetish', -1.0, '🚫 Foot Independence', 'Grounding Yourself: Overcoming Foot Obsessions')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🚫 Foot Independence</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Feet Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('smellDecrease', 50, 'SmellFetish', -1.0, '🌬️ Scent Clarity', 'Clearing the Air: Overcoming Scent Sensitivity')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🌬️ Scent Clarity</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Smell Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('armpitDecrease', 50, 'ArmpitFetish', -1.0, '🚷 Armpit Avoidance', 'Professional Distance: Maintaining Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🚷 Armpit Avoidance</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Armpit Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('salivaDecrease', 50, 'SalivaFetish', -1.0, '🛡️ Saliva Resistance', 'Personal Hygiene and Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🛡️ Saliva Resistance</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Saliva Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('breastDecrease', 50, 'BreastFetish', -1.0, '👁️ Breast Indifference', 'Respectful Interaction: Professional Relationships')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">👁️ Breast Indifference</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Breast Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('submissionDecrease', 50, 'SubmissionFetish', -1.0, '🗽 Independence Mindset', 'Standing Your Ground: Personal Autonomy')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">🗽 Independence Mindset</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Submission Fetish</span> </div> <div class="book-item" style="background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(135,206,235,0.1)); border: 1px solid rgba(135,206,235,0.4); border-radius: 15px; padding: 20px; transition: all 0.3s ease; cursor: pointer; text-align: center;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 25px rgba(135,206,235,0.4)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'" onclick="purchaseBook('gayDecrease', 50, 'GayValue', -1.0, '👩 Heterosexual Focus', 'Heterosexual Focus: Feminine Attraction')"> <span style="color: white; font-weight: bold; font-size: 1.1em; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);">👩 Heterosexual Focus</span><br> <span style="color: #87CEEB; font-size: 0.9em; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);">-1.0 Gay Value</span> </div> <<else>> <div style="grid-column: 1 / -1; text-align: center; padding: 40px;"> <p style="color: rgba(255,255,255,0.6); font-size: 1.3em; font-style: italic; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">💰 Insufficient Gold for Overcoming Books</p> <p style="color: rgba(255,255,255,0.4); font-size: 1.1em;">You need 50 gold per book</p> </div> <</if>> </div> </div> </div> </div> <div class="shop-footer" style="position: relative; z-index: 2; background: linear-gradient(90deg, rgba(45,45,50,0.95), rgba(75,75,85,0.95), rgba(45,45,50,0.95)); border-top: 3px solid rgba(221,160,221,0.8); padding: 40px; text-align: center; box-shadow: 0 -8px 32px rgba(0,0,0,0.3);"> <div style="background: rgba(221,160,221,0.1); border: 2px solid rgba(221,160,221,0.4); border-radius: 20px; padding: 25px; margin: 0 auto; max-width: 800px;"> <p style="color: #DDA0DD; font-size: 1.4em; font-weight: bold; margin: 0 0 15px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.8);">✨ Each book costs 50 gold ✨</p> <p style="color: rgba(255,255,255,0.8); font-size: 1.1em; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-style: italic;">"Choose wisely, young seeker."</p> </div> <div style="margin-top: 40px;"> <div style="text-align: center;"> [[🚪 Leave the Shop|ExitMysteriousBookshop]] </div> </div> </div> </div> <</nobr>> <style> @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.4; } 25% { transform: translateY(-15px) rotate(90deg); opacity: 0.8; } 50% { transform: translateY(-30px) rotate(180deg); opacity: 1; } 75% { transform: translateY(-15px) rotate(270deg); opacity: 0.8; } } .book-item:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(255,255,255,0.2) !important; } </style> <<changeFace $currentRylanFace>> <<statSummary>>

<<set $previousPassage = previous()>> <script> function purchaseBook(bookType, cost, fetishType, amount, bookTitle, bookDescription) { if (SugarCube.State.variables.gold < cost) { alert("You don't have enough gold!"); return; } SugarCube.State.variables.gold -= cost; const character = "Rylan"; try { const macroContext = new SugarCube.Macro.Context('changeFetish'); SugarCube.Macro.get('changeFetish').handler.call(macroContext, character, fetishType, amount); } catch (error) { console.log("changeFetish macro error:", error); const varName = character.toLowerCase() + '_' + fetishType; if (!SugarCube.State.variables[varName]) { SugarCube.State.variables[varName] = 0; } SugarCube.State.variables[varName] += amount; } let resultMessage = `<div style="background: linear-gradient(135deg, rgba(255,182,193,0.3), rgba(255,105,180,0.3)); border: 2px solid rgba(255,182,193,0.8); border-radius: 15px; padding: 25px; margin: 20px 0; text-align: center;"> <h3 style="color: #FFB6C1; font-size: 1.4em; margin: 0 0 10px 0;">${bookTitle} Purchased!</h3> <p style="color: white; margin: 10px 0;">${bookDescription}</p> <p style="color: #FFB6C1; font-size: 1.2em; font-weight: bold;">${amount > 0 ? '+' : ''}${amount} ${fetishType}!</p> <p style="color: #FFD700;">Gold: ${SugarCube.State.variables.gold}</p> </div>`; let resultDiv = document.getElementById('purchase-result'); if (!resultDiv) { resultDiv = document.createElement('div'); resultDiv.id = 'purchase-result'; const shopContent = document.querySelector('.shop-content'); shopContent.insertBefore(resultDiv, shopContent.firstChild); } resultDiv.innerHTML = resultMessage; const goldDisplay = document.querySelector('.shop-header p[style*="color: #FFD700"]'); if (goldDisplay) { goldDisplay.innerHTML = `💰 Current Gold: ${SugarCube.State.variables.gold}`; } resultDiv.scrollIntoView({ behavior: 'smooth', block: 'center' }); } </script> <<nobr>> <div class="modern-bookshop-container" style="background: linear-gradient(135deg, rgba(72, 61, 139, 0.8), rgba(106, 90, 205, 0.8), rgba(139, 69, 19, 0.8)); min-height: 100vh; padding: 20px; margin: 0;"> <div class="shop-header" style="background: rgba(45,45,50,0.9); border-bottom: 2px solid rgba(221,160,221,0.6); padding: 25px; text-align: center; border-radius: 10px; margin-bottom: 20px;"> <h1 style="color: #DDA0DD; font-size: 2.5em; font-weight: bold; margin: 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.8);">📚 WHISPERS & WISDOM 📚</h1> <p style="color: rgba(255,255,255,0.9); font-size: 1.2em; margin: 10px 0 0 0; font-style: italic;">Madame Veloria's Mystical Emporium</p> <div style="background: rgba(221,160,221,0.2); border: 1px solid rgba(221,160,221,0.4); border-radius: 15px; padding: 12px; margin: 20px auto 0 auto; max-width: 500px;"> <p style="color: #FFD700; font-size: 1.2em; font-weight: bold; margin: 0;">💰 Current Gold: $gold</p> </div> </div> <div class="shop-content" style="max-width: 1200px; margin: 0 auto;"> <div class="book-categories" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 30px; margin: 30px 0;"> <div class="awakening-section" style="background: rgba(255,182,193,0.15); border: 2px solid rgba(255,182,193,0.5); border-radius: 15px; padding: 25px;"> <h2 style="color: #FFB6C1; font-size: 2em; font-weight: bold; margin: 0 0 15px 0; text-align: center;">📖 Awakening Desires</h2> <p style="color: rgba(255,255,255,0.9); font-size: 1em; text-align: center; margin-bottom: 25px; font-style: italic;">Books to enhance and develop new interests</p> <div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;"> <<if $gold >= 50>>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('feetIncrease', 50, 'FeetFetish', 1.0, '🦶 Feet Focus', 'The Art of Appreciation: A Study in Lower Extremities')"> <span style="color: white; font-weight: bold; font-size: 1em;">🦶 Feet Focus</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Feet Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('smellIncrease', 50, 'SmellFetish', 1.0, '👃 Scent Sensitivity', 'The Language of Scent: Understanding Pheromones')"> <span style="color: white; font-weight: bold; font-size: 1em;">👃 Scent Sensitivity</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Smell Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('armpitIncrease', 50, 'ArmpitFetish', 1.0, '💪 Armpit Allure', 'Hidden Valleys: An Intimate Study')"> <span style="color: white; font-weight: bold; font-size: 1em;">💪 Armpit Allure</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Armpit Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('muscleIncrease', 50, 'MuscleFetish', 1.0, '💪 Muscle Appreciation', 'The Power of Form: Understanding Physical Strength')"> <span style="color: white; font-weight: bold; font-size: 1em;">💪 Muscle Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Muscle Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('thighIncrease', 50, 'ThighFetish', 1.0, '🦵 Thigh Fascination', 'The Strength Within: Appreciating Powerful Legs')"> <span style="color: white; font-weight: bold; font-size: 1em;">🦵 Thigh Fascination</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Thigh Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('breastIncrease', 50, 'BreastFetish', 1.0, '🍒 Breast Appreciation', 'Curves of Beauty: An Aesthetic Appreciation')"> <span style="color: white; font-weight: bold; font-size: 1em;">🍒 Breast Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Breast Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('assIncrease', 50, 'AssFetish', 1.0, '🍑 Ass Appreciation', 'The Art of the Curve: Understanding Beauty')"> <span style="color: white; font-weight: bold; font-size: 1em;">🍑 Ass Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Ass Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('penisIncrease', 50, 'PenisFetish', 1.0, '🍆 Penis Fascination', 'Male Anatomy: Understanding the Form')"> <span style="color: white; font-weight: bold; font-size: 1em;">🍆 Penis Fascination</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Penis Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('vaginaIncrease', 50, 'VaginaFetish', 1.0, '🌸 Vagina Appreciation', 'Feminine Mysteries: Understanding Beauty')"> <span style="color: white; font-weight: bold; font-size: 1em;">🌸 Vagina Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Vagina Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('salivaIncrease', 50, 'SalivaFetish', 1.0, '💧 Saliva Fascination', 'Liquid Connections: The Intimacy of Exchange')"> <span style="color: white; font-weight: bold; font-size: 1em;">💧 Saliva Fascination</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Saliva Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('cumIncrease', 50, 'CumAddiction', 1.0, '💦 Cum Fascination', 'The Essence of Life: Understanding Fertility')"> <span style="color: white; font-weight: bold; font-size: 1em;">💦 Cum Fascination</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Cum Addiction</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('sweatIncrease', 50, 'SweatFetish', 1.0, '💧 Sweat Appreciation', 'The Glow of Effort: Understanding Physical Exertion')"> <span style="color: white; font-weight: bold; font-size: 1em;">💧 Sweat Appreciation</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Sweat Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('submissionIncrease', 50, 'SubmissionFetish', 1.0, '🙇 Submission Studies', 'The Art of Yielding: Finding Peace in Surrender')"> <span style="color: white; font-weight: bold; font-size: 1em;">🙇 Submission Studies</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Submission Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('dominanceIncrease', 50, 'DominanceFetish', 1.0, '👑 Dominance Training', 'Taking Control: The Art of Leadership')"> <span style="color: white; font-weight: bold; font-size: 1em;">👑 Dominance Training</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Dominance Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('exhibitionismIncrease', 50, 'ExhibitionismFetish', 1.0, '🎭 Exhibitionism Studies', 'The Thrill of Being Seen: Understanding Display')"> <span style="color: white; font-weight: bold; font-size: 1em;">🎭 Exhibitionism Studies</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Exhibitionism Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('voyeurismIncrease', 50, 'VoyeurismFetish', 1.0, '👁️ Voyeurism Studies', 'The Art of Observation: Understanding Watching')"> <span style="color: white; font-weight: bold; font-size: 1em;">👁️ Voyeurism Studies</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Voyeurism Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('bondageIncrease', 50, 'BondageFetish', 1.0, '🔗 Bondage Studies', 'The Art of Restraint: Understanding Control')"> <span style="color: white; font-weight: bold; font-size: 1em;">🔗 Bondage Studies</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Bondage Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('crossdressingIncrease', 50, 'CrossdressingFetish', 1.0, '👗 Cross-Dressing Studies', 'Fashion Freedom: Understanding Gender Expression')"> <span style="color: white; font-weight: bold; font-size: 1em;">👗 Cross-Dressing Studies</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Cross-Dressing Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('gayIncrease', 50, 'GayValue', 1.0, '💪 Masculine Appeal', 'Masculine Appreciation: Understanding Male Beauty')"> <span style="color: white; font-weight: bold; font-size: 1em;">💪 Masculine Appeal</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Gay Value</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(255,182,193,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('lesbianIncrease', 50, 'LesbianValue', 1.0, '👭 Feminine Appeal', 'Feminine Appreciation: Understanding Female Beauty')"> <span style="color: white; font-weight: bold; font-size: 1em;">👭 Feminine Appeal</span><br> <span style="color: #FFB6C1; font-size: 0.8em; font-weight: bold;">+1.0 Lesbian Value</span> </div> <<else>> <div style="grid-column: 1 / -1; text-align: center; padding: 30px;"> <p style="color: rgba(255,255,255,0.6); font-size: 1.2em; font-style: italic;">💰 Insufficient Gold for Awakening Books</p> <p style="color: rgba(255,255,255,0.4); font-size: 1em;">You need 50 gold per book</p> </div> <</if>> </div> </div> <div class="overcoming-section" style="background: rgba(135,206,235,0.15); border: 2px solid rgba(135,206,235,0.5); border-radius: 15px; padding: 25px;"> <h2 style="color: #87CEEB; font-size: 2em; font-weight: bold; margin: 0 0 15px 0; text-align: center;">📘 Overcoming Compulsions</h2> <p style="color: rgba(255,255,255,0.9); font-size: 1em; text-align: center; margin-bottom: 25px; font-style: italic;">Books to reduce and control unwanted urges</p> <div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;"> <<if $gold >= 50>>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('feetDecrease', 50, 'FeetFetish', -1.0, '🚫 Foot Independence', 'Grounding Yourself: Overcoming Foot Obsessions')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Foot Independence</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Feet Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('smellDecrease', 50, 'SmellFetish', -1.0, '🌬️ Scent Clarity', 'Clearing the Air: Overcoming Scent Sensitivity')"> <span style="color: white; font-weight: bold; font-size: 1em;">🌬️ Scent Clarity</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Smell Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('armpitDecrease', 50, 'ArmpitFetish', -1.0, '🚷 Armpit Avoidance', 'Professional Distance: Maintaining Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚷 Armpit Avoidance</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Armpit Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('muscleDecrease', 50, 'MuscleFetish', -1.0, '🚫 Muscle Indifference', 'Beyond the Surface: Seeing Inner Beauty')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Muscle Indifference</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Muscle Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('thighDecrease', 50, 'ThighFetish', -1.0, '🚫 Thigh Independence', 'Moving Forward: Overcoming Leg Obsessions')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Thigh Independence</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Thigh Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('breastDecrease', 50, 'BreastFetish', -1.0, '👁️ Breast Indifference', 'Respectful Interaction: Professional Relationships')"> <span style="color: white; font-weight: bold; font-size: 1em;">👁️ Breast Indifference</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Breast Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('assDecrease', 50, 'AssFetish', -1.0, '🚫 Ass Indifference', 'Respectful Boundaries: Professional Distance')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Ass Indifference</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Ass Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('penisDecrease', 50, 'PenisFetish', -1.0, '🚫 Penis Indifference', 'Professional Focus: Beyond Physical Form')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Penis Indifference</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Penis Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('vaginaDecrease', 50, 'VaginaFetish', -1.0, '🚫 Vagina Indifference', 'Respectful Distance: Professional Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Vagina Indifference</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Vagina Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('salivaDecrease', 50, 'SalivaFetish', -1.0, '🛡️ Saliva Resistance', 'Personal Hygiene and Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1em;">🛡️ Saliva Resistance</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Saliva Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('cumDecrease', 50, 'CumAddiction', -1.0, '🚫 Cum Independence', 'Breaking the Cycle: Overcoming Addiction')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Cum Independence</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Cum Addiction</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('sweatDecrease', 50, 'SweatFetish', -1.0, '🚫 Sweat Independence', 'Clean Living: Overcoming Sweat Obsessions')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Sweat Independence</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Sweat Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('submissionDecrease', 50, 'SubmissionFetish', -1.0, '🗽 Independence Mindset', 'Standing Your Ground: Personal Autonomy')"> <span style="color: white; font-weight: bold; font-size: 1em;">🗽 Independence Mindset</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Submission Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('dominanceDecrease', 50, 'DominanceFetish', -1.0, '🤝 Equality Mindset', 'Partnership: Building Equal Relationships')"> <span style="color: white; font-weight: bold; font-size: 1em;">🤝 Equality Mindset</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Dominance Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('exhibitionismDecrease', 50, 'ExhibitionismFetish', -1.0, '🚫 Privacy Mindset', 'Personal Space: Respecting Boundaries')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Privacy Mindset</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Exhibitionism Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('voyeurismDecrease', 50, 'VoyeurismFetish', -1.0, '🚫 Respect Mindset', 'Privacy Respect: Overcoming Watching Urges')"> <span style="color: white; font-weight: bold; font-size: 1em;">🚫 Respect Mindset</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Voyeurism Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('bondageDecrease', 50, 'BondageFetish', -1.0, '🔓 Freedom Mindset', 'Personal Liberty: Overcoming Restraint Desires')"> <span style="color: white; font-weight: bold; font-size: 1em;">🔓 Freedom Mindset</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Bondage Fetish</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('crossdressingDecrease', 50, 'CrossdressingFetish', -1.0, '👔 Traditional Style', 'Authentic Expression: Embracing Natural Form')"> <span style="color: white; font-weight: bold; font-size: 1em;">👔 Traditional Style</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Cross-Dressing Fetish</span> </div>  <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('gayDecrease', 50, 'GayValue', -1.0, '👩 Heterosexual Focus', 'Heterosexual Focus: Feminine Attraction')"> <span style="color: white; font-weight: bold; font-size: 1em;">👩 Heterosexual Focus</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Gay Value</span> </div> <div class="book-item" style="background: rgba(255,255,255,0.1); border: 1px solid rgba(135,206,235,0.4); border-radius: 10px; padding: 15px; cursor: pointer; text-align: center;" onclick="purchaseBook('lesbianDecrease', 50, 'LesbianValue', -1.0, '👨 Heterosexual Focus', 'Heterosexual Focus: Masculine Attraction')"> <span style="color: white; font-weight: bold; font-size: 1em;">👨 Heterosexual Focus</span><br> <span style="color: #87CEEB; font-size: 0.8em; font-weight: bold;">-1.0 Lesbian Value</span> </div> <<else>> <div style="grid-column: 1 / -1; text-align: center; padding: 30px;"> <p style="color: rgba(255,255,255,0.6); font-size: 1.2em; font-style: italic;">💰 Insufficient Gold for Overcoming Books</p> <p style="color: rgba(255,255,255,0.4); font-size: 1em;">You need 50 gold per book</p> </div> <</if>> </div> </div> </div> </div> <div class="shop-footer" style="background: rgba(45,45,50,0.9); border-top: 2px solid rgba(221,160,221,0.6); padding: 30px; text-align: center; border-radius: 10px; margin-top: 20px;"> <div style="background: rgba(221,160,221,0.1); border: 1px solid rgba(221,160,221,0.4); border-radius: 15px; padding: 20px; margin: 0 auto; max-width: 600px;"> <p style="color: #DDA0DD; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;">✨ Each book costs 50 gold ✨</p> <p style="color: rgba(255,255,255,0.8); font-size: 1em; margin: 0; font-style: italic;">"Choose wisely, young seeker."</p> </div> <div style="margin-top: 30px;"> <div style="text-align: center;"> <<link "🚪 Leave the Shop">><<goto $previousPassage>><</link>> </div> </div> </div> </div> <<changeFace $currentRylanFace>> <<statSummary>> <</nobr>>